• 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 658.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 @blake_northrup
    last edited by sdetweil Jul 7, 2020, 7:30 PM Jul 7, 2020, 7:28 PM

    @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

    B 3 Replies Last reply Jul 8, 2020, 12:54 PM Reply Quote 2
    • B Offline
      blake_northrup @sdetweil
      last edited by Jul 8, 2020, 12:54 PM

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

      1 Reply Last reply Reply Quote 0
      • B Offline
        blake_northrup @sdetweil
        last edited by Jul 8, 2020, 1:03 PM

        @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
        • B Offline
          blake_northrup @sdetweil
          last edited by Jul 8, 2020, 1:15 PM

          @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 Jul 14, 2020, 1:01 AM Reply Quote 0
          • D Offline
            dphotograph @blake_northrup
            last edited by Jul 14, 2020, 1:01 AM

            @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 :-)

            B 1 Reply Last reply Jul 14, 2020, 12:44 PM Reply Quote 0
            • B Offline
              blake_northrup @dphotograph
              last edited by Jul 14, 2020, 12:44 PM

              @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 Aug 19, 2020, 10:30 AM

                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

                E 1 Reply Last reply Aug 19, 2020, 11:48 AM Reply Quote 0
                • E Offline
                  earnestrichards @djkj84
                  last edited by earnestrichards Aug 19, 2020, 11:48 AM Aug 19, 2020, 11:48 AM

                  @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 Nov 14, 2020, 3:24 PM

                    @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 Nov 14, 2020, 3:37 PM Reply Quote 0
                    • S Away
                      sdetweil @Uwe Kretsen
                      last edited by sdetweil Apr 13, 2021, 4:04 PM Nov 14, 2020, 3:37 PM

                      @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 Nov 14, 2020, 6:57 PM Reply Quote 2
                      • 1
                      • 2
                      • 12
                      • 13
                      • 14
                      • 15
                      • 16
                      • 32
                      • 33
                      • 14 / 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