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 Offline
      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 Offline
          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 Offline
              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 Offline
                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 Offline
                    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 Offline
                        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 Offline
                          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 Offline
                              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 Offline
                                  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 Offline
                                      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