MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MM starts but doesn't show up

    Scheduled Pinned Locked Moved Solved Troubleshooting
    26 Posts 2 Posters 6.0k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Do not disturb
      sdetweil @Benalze
      last edited by

      @Benalze

      cd ~/MagicMirror
      sudo rm -rf node_modules
      npm run install-mm
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      B 1 Reply Last reply Reply Quote 1
      • B Offline
        Benalze @sdetweil
        last edited by

        @sdetweil

        > magicmirror@2.26.0 install-mm
        > npm install --no-audit --no-fund --no-update-notifier --only=prod --omit=dev
        
        npm WARN config only Use `--omit=dev` to omit dev dependencies from the install.
        npm ERR! code ENOTEMPTY
        npm ERR! syscall rename
        npm ERR! path /home/pi/MagicMirror/node_modules/playwright-core
        npm ERR! dest /home/pi/MagicMirror/node_modules/.playwright-core-vy8UGbYV
        npm ERR! errno -39
        npm ERR! ENOTEMPTY: directory not empty, rename '/home/pi/MagicMirror/node_modules/playwright-core' -> '/home/pi/MagicMirror/node_modules/.playwright-core-vy8UGbYV'
        
        npm ERR! A complete log of this run can be found in: /home/pi/.npm/_logs/2024-01-07T19_26_34_072Z-debug-0.log
        pi@raspberrypi:~/MagicMirror $ sudo rm -rf node_modules
        pi@raspberrypi:~/MagicMirror $ npm run install-mm
        
        > magicmirror@2.26.0 install-mm
        > npm install --no-audit --no-fund --no-update-notifier --only=prod --omit=dev
        
        npm WARN config only Use `--omit=dev` to omit dev dependencies from the install.
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (Use `node --trace-warnings ...` to show where the warning was created)
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        (node:3286) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
        
        > magicmirror@2.26.0 postinstall
        > npm run install-vendor && npm run install-fonts && echo "MagicMirror² installation finished successfully! 
        > "
        
        
        > magicmirror@2.26.0 install-vendor
        > echo "Installing vendor files ...
        > " && cd vendor && npm install --loglevel=error --no-audit --no-fund --no-update-notifier
        
        Installing vendor files ...
        
        
        added 1 package, and changed 2 packages in 12s
        
        > magicmirror@2.26.0 install-fonts
        > echo "Installing fonts ...
        > " && cd fonts && npm install --loglevel=error --no-audit --no-fund --no-update-notifier
        
        Installing fonts ...
        
        
        changed 2 packages in 6s
        MagicMirror² installation finished successfully! 
        
        
        > magicmirror@2.26.0 prepare
        > [ -f node_modules/.bin/husky ] && husky install || echo no husky installed.
        
        no husky installed.
        
        added 343 packages in 2m
        
        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @Benalze
          last edited by

          @Benalze cool… npm start

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          B 1 Reply Last reply Reply Quote 0
          • B Offline
            Benalze @sdetweil
            last edited by

            @sdetweil
            Looks like something is still missing…

            pi@raspberrypi:~/MagicMirror $ npm start
            
            > magicmirror@2.26.0 start
            > DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
            
            App threw an error during load
            Error: Cannot find module 'logger'
            Require stack:
            - /home/pi/MagicMirror/js/app.js
            - /home/pi/MagicMirror/js/electron.js
            - /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
            - 
                at node:internal/modules/cjs/loader:1084:15
                at Function.<anonymous> (node:electron/js2c/browser_init:2:116646)
                at Module._resolveFilename (/home/pi/MagicMirror/node_modules/module-alias/index.js:49:29)
                at node:internal/modules/cjs/loader:929:27
                at Function._load (node:electron/js2c/asar_bundle:2:13327)
                at Module.require (node:internal/modules/cjs/loader:1150:19)
                at require (node:internal/modules/cjs/helpers:121:18)
                at Object.<anonymous> (/home/pi/MagicMirror/js/app.js:14:13)
                at Module._compile (node:internal/modules/cjs/loader:1271:14)
                at Object..js (node:internal/modules/cjs/loader:1326:10)
                at Module.load (node:internal/modules/cjs/loader:1126:32)
                at node:internal/modules/cjs/loader:967:12
                at Function._load (node:electron/js2c/asar_bundle:2:13327)
                at Module.require (node:internal/modules/cjs/loader:1150:19)
                at require (node:internal/modules/cjs/helpers:121:18)
                at Object.<anonymous> (/home/pi/MagicMirror/js/electron.js:4:14)
            A JavaScript error occurred in the main process
            Uncaught Exception:
            Error: Cannot find module 'logger'
            Require stack:
            - /home/pi/MagicMirror/js/app.js
            - /home/pi/MagicMirror/js/electron.js
            - /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
            - 
                at node:internal/modules/cjs/loader:1084:15
                at Function.<anonymous> (node:electron/js2c/browser_init:2:116646)
                at Module._resolveFilename (/home/pi/MagicMirror/node_modules/module-alias/index.js:49:29)
                at node:internal/modules/cjs/loader:929:27
                at Function._load (node:electron/js2c/asar_bundle:2:13327)
                at Module.require (node:internal/modules/cjs/loader:1150:19)
                at require (node:internal/modules/cjs/helpers:121:18)
                at Object.<anonymous> (/home/pi/MagicMirror/js/app.js:14:13)
                at Module._compile (node:internal/modules/cjs/loader:1271:14)
                at Object..js (node:internal/modules/cjs/loader:1326:10)
                at Module.load (node:internal/modules/cjs/loader:1126:32)
                at node:internal/modules/cjs/loader:967:12
                at Function._load (node:electron/js2c/asar_bundle:2:13327)
                at Module.require (node:internal/modules/cjs/loader:1150:19)
                at require (node:internal/modules/cjs/helpers:121:18)
                at Object.<anonymous> (/home/pi/MagicMirror/js/electron.js:4:14)
            [4099:0107/205905.993672:ERROR:viz_main_impl.cc(196)] Exiting GPU process due to errors during initialization
            Warning: vkCreateInstance: Found no drivers!
            Warning: vkCreateInstance failed with VK_ERROR_INCOMPATIBLE_DRIVER
                at CheckVkSuccessImpl (../../third_party/dawn/src/dawn/native/vulkan/VulkanError.cpp:88)
                at CreateVkInstance (../../third_party/dawn/src/dawn/native/vulkan/BackendVk.cpp:458)
                at Initialize (../../third_party/dawn/src/dawn/native/vulkan/BackendVk.cpp:344)
                at Create (../../third_party/dawn/src/dawn/native/vulkan/BackendVk.cpp:266)
                at operator() (../../third_party/dawn/src/dawn/native/vulkan/BackendVk.cpp:521)
            
            
            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @Benalze
              last edited by

              @Benalze weird

              do

              node -v
              npm -v
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              B S 2 Replies Last reply Reply Quote 0
              • B Offline
                Benalze @sdetweil
                last edited by

                @sdetweil

                i@raspberrypi:~/MagicMirror $ node -v
                v20.8.0
                pi@raspberrypi:~/MagicMirror $ npm -v
                10.1.0
                
                
                1 Reply Last reply Reply Quote 1
                • S Do not disturb
                  sdetweil @sdetweil
                  last edited by

                  @Benalze also look at end of package.json

                  Screenshot_20240107_142538_Chrome.jpg

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @sdetweil
                    last edited by

                    @Benalze and is logger.js in the ~/MagicMirror/js folder?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    B 1 Reply Last reply Reply Quote 0
                    • B Offline
                      Benalze @sdetweil
                      last edited by

                      @sdetweil

                      Yes, the logger.js is there.

                      Here is what package.json sais:

                      },
                        "optionalDependencies": {
                          "electron": "^27.2.0"
                        },
                        "dependencies": {
                          "colors": "^1.4.0",
                          "command-exists": "^1.2.9",
                          "console-stamp": "^3.1.2",
                          "envsub": "^4.1.0",
                          "eslint": "^8.56.0",
                          "express": "^4.18.2",
                          "express-ipfilter": "^1.3.1",
                          "feedme": "^2.0.2",
                          "helmet": "^7.1.0",
                          "html-to-text": "^9.0.5",
                          "iconv-lite": "^0.6.3",
                          "module-alias": "^2.2.3",
                          "moment": "^2.30.1",
                          "node-ical": "^0.17.1",
                          "socket.io": "^4.7.2"
                        },
                        "lint-staged": {
                          "*": "prettier --write",
                          "*.js": "eslint",
                          "*.css": "stylelint"
                        },
                        "engines": {
                          "node": ">=18"
                        },
                        "directories": {
                          "test": "tests"
                        }
                      }
                      
                      
                      S 1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @Benalze
                        last edited by

                        @Benalze cool do

                        git status

                        then git checkout package.json

                        check it again

                        then ls node_modules/.bin/electron

                        note the dot in front of bin

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        B 1 Reply Last reply Reply Quote 0
                        • B Offline
                          Benalze @sdetweil
                          last edited by

                          @sdetweil
                          OK.
                          git status: (translated from GER to ENG)

                          pi@raspberrypi:~/MagicMirror $ git status
                          
                          On branch master
                          Your branch is in the same state as 'origin/master'.
                          
                          Changes that are not marked for commit:
                            (use "git add <file>..." to mark the changes for commit)
                            (use "git restore <file>..." to discard the changes in the working directory)
                          	changed: package-lock.json
                          
                          Unversioned files:
                            (use "git add <file>..." to pre-commit the changes)
                          	config.js
                          	core
                          	installers/pm2_MagicMirror.json
                          
                          no changes marked for commit (use "git add" and/or "git commit -a")
                          
                          

                          git checkout package.json (translated from GER to ENG)

                          pi@raspberrypi:~/MagicMirror $ git checkout package.json
                          1 Path updated from index
                          

                          check it again

                          pi@raspberrypi:~/MagicMirror $ git status
                          
                          On branch master
                          Your branch is in the same state as 'origin/master'.
                          
                          Changes that are not marked for commit:
                            (use "git add <file>..." to mark the changes for commit)
                            (use "git restore <file>..." to discard the changes in the working directory)
                          	changed: package-lock.json
                          
                          Unversioned files:
                            (use "git add <file>..." to pre-commit the changes)
                          	config.js
                          	core
                          	installers/pm2_MagicMirror.json
                          
                          no changes marked for commit (use "git add" and/or "git commit -a")
                          
                          

                          and last but not least: ls node_modules/.bin/electron

                          pi@raspberrypi:~/MagicMirror $ ls node_modules/.bin/electron
                          ls: Unable to access 'node_modules/.bin/electron': File or directory not found
                          
                          S 2 Replies Last reply Reply Quote 0
                          • S Do not disturb
                            sdetweil @Benalze
                            last edited by

                            @Benalze fun fun fun

                            npm install electron@27.2.1

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @Benalze
                              last edited by

                              @Benalze I meant check the package.json sorry

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              B 1 Reply Last reply Reply Quote 0
                              • B Offline
                                Benalze @sdetweil
                                last edited by

                                @sdetweil

                                pi@raspberrypi:~/MagicMirror $ git checkout package.json
                                0 Paths updated from index
                                
                                S 1 Reply Last reply Reply Quote 0
                                • S Do not disturb
                                  sdetweil @Benalze
                                  last edited by

                                  @Benalze but you did that already… I was wondering about the aliases at the bottom

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  B 1 Reply Last reply Reply Quote 0
                                  • B Offline
                                    Benalze @sdetweil
                                    last edited by

                                    @sdetweil

                                    },
                                    	"optionalDependencies": {
                                    		"electron": "^27.2.0"
                                    	},
                                    	"dependencies": {
                                    		"colors": "^1.4.0",
                                    		"command-exists": "^1.2.9",
                                    		"console-stamp": "^3.1.2",
                                    		"envsub": "^4.1.0",
                                    		"eslint": "^8.56.0",
                                    		"express": "^4.18.2",
                                    		"express-ipfilter": "^1.3.1",
                                    		"feedme": "^2.0.2",
                                    		"helmet": "^7.1.0",
                                    		"html-to-text": "^9.0.5",
                                    		"iconv-lite": "^0.6.3",
                                    		"module-alias": "^2.2.3",
                                    		"moment": "^2.30.1",
                                    		"node-ical": "^0.17.1",
                                    		"socket.io": "^4.7.2"
                                    	},
                                    	"lint-staged": {
                                    		"*": "prettier --write",
                                    		"*.js": "eslint",
                                    		"*.css": "stylelint"
                                    	},
                                    	"_moduleAliases": {
                                    		"node_helper": "js/node_helper.js",
                                    		"logger": "js/logger.js"
                                    	},
                                    	"engines": {
                                    		"node": ">=18"
                                    	}
                                    }
                                    
                                    
                                    S 1 Reply Last reply Reply Quote 1
                                    • S Do not disturb
                                      sdetweil @Benalze
                                      last edited by

                                      @Benalze good. if the electron install went ok, then npm start

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      B 1 Reply Last reply Reply Quote 0
                                      • B Offline
                                        Benalze @sdetweil
                                        last edited by

                                        @sdetweil
                                        BOOM it worked.

                                        Thank you soo sooo much. I really appreciate it!!!

                                        Can you explain to me what was the problem?

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Do not disturb
                                          sdetweil @Benalze
                                          last edited by

                                          @Benalze somehow you had the correct top of package.json( that’s where the number comes in the npm start messages), but an incorrect bottom of package json ( no aliases)

                                          but git didn’t report the file being different

                                          I can’t explain that

                                          did u upgrade manually?

                                          if so, in the future please use my script

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          B 1 Reply Last reply Reply Quote 0
                                          • B Offline
                                            Benalze @sdetweil
                                            last edited by

                                            @sdetweil
                                            Yes I upgraded manually and in the future I will use your script for sure!

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 1 / 2
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy