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.

    Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10

    Scheduled Pinned Locked Moved Troubleshooting
    324 Posts 55 Posters 783.2k Views 59 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.
    • blake_northrupB Offline
      blake_northrup @OldShaterhan
      last edited by

      @OldShaterhan

      I just made the change, and this is what I get when trying npm start:

      $ npm start

      magicmirror@2.12.0 start C:\Users\blake\MagicMirror
      run-start.sh

      ‘run-start.sh’ is not recognized as an internal or external command,
      operable program or batch file.
      npm ERR! code ELIFECYCLE
      npm ERR! errno 1
      npm ERR! magicmirror@2.12.0 start: run-start.sh
      npm ERR! Exit status 1
      npm ERR!
      npm ERR! Failed at the magicmirror@2.12.0 start script.
      npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

      npm ERR! A complete log of this run can be found in:
      npm ERR! C:\Users\blake\AppData\Roaming\npm-cache_logs\2020-07-07T18_11_04_725Z-debug.log

      S 1 Reply Last reply Reply Quote 0
      • blake_northrupB Offline
        blake_northrup @dwburger
        last edited by

        @dwburger said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

        “node_modules/.bin/electron js/electron.js”

        Thank you dwburger! This fixed my issue!

        1 Reply Last reply Reply Quote 0
        • blake_northrupB Offline
          blake_northrup
          last edited by

          I guess I spoke too soon. npm starts, but I have a blank screen. Haven’t done anything to the config.js file, except make a copy of the config.js.sample, and removed the .sample. See output:

          $ npm run config:check

          magicmirror@2.12.0 config:check C:\Users\blake\MagicMirror
          node js/check_config.js

          [2020-07-07 13:50:13.582] [INFO] Checking file… C:\Users\blake\MagicMirror\config\config.js
          [2020-07-07 13:50:13.630] [LOG] Line 1 col 1 Definition for rule ‘prettier/prettier’ was not found.
          C:\Users\blake\MagicMirror\js\check_config.js:66
          throw new Error(“Wrong syntax in config file!”);
          ^

          Error: Wrong syntax in config file!
          at C:\Users\blake\MagicMirror\js\check_config.js:66:10
          at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
          npm ERR! code ELIFECYCLE
          npm ERR! errno 1
          npm ERR! magicmirror@2.12.0 config:check: node js/check_config.js
          npm ERR! Exit status 1
          npm ERR!
          npm ERR! Failed at the magicmirror@2.12.0 config:check script.
          npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

          npm ERR! A complete log of this run can be found in:
          npm ERR! C:\Users\blake\AppData\Roaming\npm-cache_logs\2020-07-07T18_50_13_660Z-debug.log

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

            @blake_northrup not run-start

            “start”:“node_modules/.bin/electron js/electron.js”,

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @blake_northrup because u installed on windows, there are a couple extra steps

              cd MagicMirror
              cd vendor
              npm install
              cd …\fonts. 2dots
              npm install
              cd … 2dot

              the npm start

              this phone editor will not let me enter 2 dots, displays as 3

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              blake_northrupB 3 Replies Last reply Reply Quote 2
              • blake_northrupB Offline
                blake_northrup @sdetweil
                last edited by

                @sdetweil Thank you sdetweil. I will try thins now, and let you know.

                1 Reply Last reply Reply Quote 0
                • blake_northrupB Offline
                  blake_northrup @sdetweil
                  last edited by

                  @sdetweil Still getting black screen after performing these steps. For some reason, it is stating that I have the wrong syntax in the config file.

                  $ npm run config:check

                  magicmirror@2.12.0 config:check C:\Users\blake\MagicMirror
                  node js/check_config.js

                  [2020-07-08 07:59:36.797] [INFO] Checking file… C:\Users\blake\MagicMirror\config\config.js
                  [2020-07-08 07:59:36.854] [LOG] Line 1 col 1 Definition for rule ‘prettier/prettier’ was not found.
                  C:\Users\blake\MagicMirror\js\check_config.js:66
                  throw new Error(“Wrong syntax in config file!”);
                  ^

                  Error: Wrong syntax in config file!
                  at C:\Users\blake\MagicMirror\js\check_config.js:66:10
                  at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
                  npm ERR! code ELIFECYCLE
                  npm ERR! errno 1
                  npm ERR! magicmirror@2.12.0 config:check: node js/check_config.js
                  npm ERR! Exit status 1
                  npm ERR!
                  npm ERR! Failed at the magicmirror@2.12.0 config:check script.
                  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                  npm ERR! A complete log of this run can be found in:
                  npm ERR! C:\Users\blake\AppData\Roaming\npm-cache_logs\2020-07-08T12_59_36_872Z-debug.log

                  1 Reply Last reply Reply Quote 0
                  • blake_northrupB Offline
                    blake_northrup @sdetweil
                    last edited by

                    @sdetweil Nevermind. All is now working. Had an extra bit of info in my config file that didn’t need to be there. Thanks again for all of your help sdetweil!

                    D 1 Reply Last reply Reply Quote 0
                    • D Offline
                      dphotograph @blake_northrup
                      last edited by

                      @blake_northrup

                      Hi,
                      what was your “extra bit of info in my config file” ? i haf the same error and dont find an error with my config file on my new installed MagicMirror

                      Thanks :-)

                      blake_northrupB 1 Reply Last reply Reply Quote 0
                      • blake_northrupB Offline
                        blake_northrup @dphotograph
                        last edited by

                        @dphotograph Hey dphotograph, I had somehow copied the bottom part twice, and that was my problem. I just copied the config sample again, and built all of my modules, one by one.

                        1 Reply Last reply Reply Quote 0
                        • D Offline
                          djkj84
                          last edited by

                          Hey guys,
                          Really new to this so i’m doing my best… But i am stuck… Any help with this please?
                          I’m on Windows 10 Pro.
                          Thanks in advance.

                          npm start

                          magicmirror@2.12.0 start C:\Users\Smart Mirror\MagicMirror
                          DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

                          ‘DISPLAY’ is not recognized as an internal or external command,
                          operable program or batch file.
                          npm ERR! code ELIFECYCLE
                          npm ERR! errno 1
                          npm ERR! magicmirror@2.12.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                          npm ERR! Exit status 1
                          npm ERR!
                          npm ERR! Failed at the magicmirror@2.12.0 start script.
                          npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                          npm ERR! A complete log of this run can be found in:
                          npm ERR! C:\Users\Smart Mirror\AppData\Roaming\npm-cache_logs\2020-08-19T10_14_26_713Z-debug.log

                          earnestrichardsE 1 Reply Last reply Reply Quote 0
                          • earnestrichardsE Offline
                            earnestrichards @djkj84
                            last edited by earnestrichards

                            @djkj84 I had this same problem on Win7.

                            I searched the forum and found this post by @sdetweil…

                            fix

                            1 Reply Last reply Reply Quote 0
                            • U Offline
                              Uwe Kretsen @Mykle1
                              last edited by

                              @Mykle1 said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                              Had enough? Lets run that MagicMirror, NOW!

                              Hallo there,
                              if you will find some free time to help :
                              I tried a few times to process the whole procedure of starting new MM software on PC - I am not even a newbie so it is really hard to say what I am doing wrong.
                              see pic - does it say to you anything? 18f689c8-c4ec-4f15-9558-c554ee194971-image.png
                              it seems I will have to give up - programming is not for all ;-)
                              BR

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

                                @Uwe-Kretsen do not install under mingw, just open a command prompt/ powershell prompt and do the git clone/npm install

                                u need git of course and node/npm (google how to install)

                                then u need to do some more steps as the setup is for linux

                                cd MagicMirror
                                cd vendor
                                npm install
                                cd ..
                                cd fonts
                                npm install
                                cd ..
                                

                                then edit package.json and change the start line
                                from

                                		"start": "DISPLAY=\"${DISPLAY:=:0}\" ./node_modules/.bin/electron js/electron.js",
                                

                                to

                                		"start": "node_modules/.bin/electron js/electron.js",
                                

                                then npm start works as expected

                                also, you must manually copy the MagicMirror/config/config.js.sample to the initial config.js
                                also create the empty MagicMirror/css/custom.css

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                U B A M 4 Replies Last reply Reply Quote 2
                                • U Offline
                                  Uwe Kretsen @sdetweil
                                  last edited by

                                  @sdetweil Dear Sam, thank you for the help - it start to work. I am really grateful fro support.
                                  Now I will spend some days or weeks :-) to find out how to add /remove extra modules. hope to do my MagicMirror project to the end.
                                  once again thank you
                                  and stay healthy
                                  BR Uwe

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

                                    @Uwe-Kretsen see the links in my signature , they will help you

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • B Offline
                                      bhumin
                                      last edited by

                                      @Mykle1 said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                      git clone https://github.com/MichMich/MagicMirror.git

                                      following error arrives when start

                                      magicmirror@2.13.0 start C:\Users\bhumi\MagicMirror
                                      DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

                                      ‘DISPLAY’ is not recognized as an internal or external command,
                                      operable program or batch file.
                                      npm ERR! code ELIFECYCLE
                                      npm ERR! errno 1
                                      npm ERR! magicmirror@2.13.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                                      npm ERR! Exit status 1
                                      npm ERR!
                                      npm ERR! Failed at the magicmirror@2.13.0 start script.
                                      npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                                      npm ERR! A complete log of this run can be found in:
                                      npm ERR! C:\Users\bhumi\AppData\Roaming\npm-cache_logs\2020-12-16T05_04_47_316Z-debug.log

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

                                        @sdetweil thanks man

                                        1 Reply Last reply Reply Quote 0
                                        • H Offline
                                          Humez
                                          last edited by

                                          Thank you for your tutorial! I’m a absolute beginner. I followed the steps above but when I try to start magicmirror I get the below message:
                                          magicmirror@2.14.0 start C:\Users\1234\magicmirror

                                          DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js

                                          ‘DISPLAY’ is not recognized as an internal or external command,
                                          operable program or batch file.
                                          npm ERR! code ELIFECYCLE
                                          npm ERR! errno 1
                                          npm ERR! magicmirror@2.14.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                                          npm ERR! Exit status 1
                                          npm ERR!
                                          npm ERR! Failed at the magicmirror@2.14.0 start script.
                                          npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

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

                                            @humez read and follow the steps here

                                            https://forum.magicmirror.builders/topic/4089/complete-walkthrough-install-magicmirror-on-a-pc-windows-7-10/141?_=1612997713585

                                            u have not edited package.json as required

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 1

                                            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
                                            • 3
                                            • 4
                                            • 5
                                            • 6
                                            • 7
                                            • 8
                                            • 16
                                            • 17
                                            • 6 / 17
                                            • 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