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