• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 649.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 Away
    sdetweil @dwburger
    last edited by Mar 25, 2020, 11:31 PM

    @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 Mar 25, 2020, 11:33 PM Reply Quote 0
    • D Offline
      dwburger @sdetweil
      last edited by Mar 25, 2020, 11:33 PM

      @sdetweil :thumbs_up:

      1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @dwburger
        last edited by Mar 25, 2020, 11:33 PM

        @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 Mar 25, 2020, 11:34 PM Reply Quote 0
        • D Offline
          dwburger @sdetweil
          last edited by Mar 25, 2020, 11:34 PM

          @sdetweil OK

          1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @dwburger
            last edited by sdetweil Mar 25, 2020, 11:51 PM Mar 25, 2020, 11:37 PM

            @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 Jun 19, 2020, 9:50 PM

              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 Jun 19, 2020, 10:52 PM Reply Quote 0
              • S Away
                sdetweil @Plainbroke 0
                last edited by Jun 19, 2020, 10:52 PM

                @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
                • B Offline
                  blake_northrup @OldShaterhan
                  last edited by Jul 7, 2020, 6:12 PM

                  @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 Jul 7, 2020, 7:25 PM Reply Quote 0
                  • B Offline
                    blake_northrup @dwburger
                    last edited by Jul 7, 2020, 6:27 PM

                    @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
                    • B Offline
                      blake_northrup
                      last edited by Jul 7, 2020, 6:56 PM

                      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 Jul 7, 2020, 7:28 PM Reply Quote 0
                      • 1
                      • 2
                      • 11
                      • 12
                      • 13
                      • 14
                      • 15
                      • 32
                      • 33
                      • 13 / 33
                      • 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