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 the npm install did not work

      cd ~/MagicMirror
      npm run install-mm
      

      please advise results

      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

        > 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
        
        
        S 1 Reply Last reply Reply Quote 0
        • 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

                                            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