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.
    • S Offline
      sdetweil
      last edited by

      Windows doesn’t support remote display like linux does. u have to use an rdp client
      I am booted to my linux system now

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      D 1 Reply Last reply Reply Quote 0
      • D Offline
        dwburger @sdetweil
        last edited by

        @sdetweil Oh, of course! I’ll work on that…thanks!

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

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

          The laptop came with Edge, but I’ve been using Chrome.
          http://192.168.1.65:8080 fails
          http://localhost:8080 works

          so, that looks like the address/ipWhitelist setting above…
          (by default MM thinks it is in a closed box on the wall, so only allows connections from INSIDE the box)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          D 1 Reply Last reply Reply Quote 0
          • D Offline
            dwburger @sdetweil
            last edited by

            @sdetweil :thumbs_up:

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

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

              Runs fine” = On the laptop, using Git Bash, I can start the MM2 normally with “npm start”.

              but I don’t understand this…

              with the change to the start script, it runs in windows without bash… just regular windows batch
              (cmd/powershell)

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              D 1 Reply Last reply Reply Quote 0
              • D Offline
                dwburger @sdetweil
                last edited by

                @sdetweil OK

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

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

                  I want to manage it from my desktop in my office using Git Bash ssh connection.

                  also, don’t know what this means… manage… it doesn’t NEED to run MM at all… just display it.

                  u could have two instances running on the base machine… 2 different ports…
                  the tablet accesses port(8081) , the base another (8080)

                  run the tablet instance as serveronly then no ui memory consumption on the base for that instance

                  to make a second copy from the first, just copy the MM folder to MM1, and change the config for port (and address/whitelist above)

                  then do npm serveronly for the tablet mm

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • P Offline
                    Plainbroke 0
                    last edited by

                    All,
                    You can not copy and paste though. I had to manually type it all in to make it work.
                    Still in MagicMirror;
                    nano package.json
                    right under the other “start”: “???”
                    go to the line below it and hit enter.
                    Then type in the blank space you just made.
                    “start”: “node_modules/.bin/electron js/electron.js”,
                    //DO NOT LEAVE OUT THE PUNCTUATION. ESPECIALLY THE COMMA AT THE END.
                    //I speak from expereince on this matter.
                    //Mykle1 usually has to help me find it after struggling for a couple hours.
                    THEN:
                    cd ~/MagicMirror/vendor
                    npm install
                    cd fonts
                    npm install
                    NOW IT will RUN
                    Thank you agian Mykle1
                    I am really enjoying this on my laptop,
                    so much easier to do testing ect.

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Plainbroke 0
                      last edited by

                      @Plainbroke-0 it was Sam, but anyway I cut and paste ALL the time. you need to add the code block marks around the actual steps to make them readable

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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

                                            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
                                            • 13
                                            • 14
                                            • 15
                                            • 16
                                            • 17
                                            • 15 / 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