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.

    Installing Magic mirror on windows 10

    Scheduled Pinned Locked Moved Troubleshooting
    38 Posts 9 Posters 22.2k Views 11 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.
    • O Offline
      Omeliel @sdetweil
      last edited by

      @sdetweil all of this :

      Type cd MagicMirror and press the Enter key. Now you’re in the ~/MagicMirror directory.
      
      Type npm install and press the Enter key. This will install the dependencies for MagicMirror.
      It will take some time to complete depending on your PC. Mine took 6 minutes.
      You may see npm WARN for a few items but these are NOT errors and don’t affect anything.
      When that’s done, we continue, still in the ~/MagicMirror directory.
      
      Type npm start and press the Enter key. You WILL get a “Please create a config file.” message
      I just wanted you to see it. No worries. We’re almost done. Follow me!
      
      Press the Alt key on your keyboard. This drops down a menu bar at the top of your screen.
      You won’t see your mouse cursor until you move it all the way to the top of the screen into the
      menu bar. There it is! Click on the File menu and click Exit. This brings you back to your
      desktop. If there is a “Windows Security Alert” window concerning “Electron” click the Allow access button.
      You’ll notice “fatal: Not a git repository (or any of the parent directories): .git” in your teminal window.
      Not to worry. Minimize your terminal window or move it out of the way.
      

      Here we create your working config.js file.

      We’re not going to use the terminal to do this. This way is just easier, especially for beginners.
      From your desktop, navigate to your MagicMirror folder. Remember where it is? 🙂

      Double click the MagicMirror folder.
      Double click the config folder.
      Right click the config.js.sample file.
      Choose Copy
      Right click somewhere else in that same window and choose Paste.
      Rename the “COPY” you just pasted to config.js
      Windows may ask about changing the file type. Accept! It’s now a JScript Script File.
      The config.js file that you just created is your working config file.
      This is where you’ll add your entries for other modules to your mirror.
      

      Had enough? Lets run that MagicMirror, NOW!

      If your Git Bash terminal window is still open (I never told you to close it) we can continue.
      If you need to open a new one then do so now and type cd MagicMirror to enter the MagicMirror directory.
      Now that you’re in the ~/MagicMirror directory of your terminal:

      Type npm start and press the Enter key.
      

      Plus I del Display=0 as you said . Before that aint work .

      Errors :
      
      nunjucks.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
      Roboto-Condensed-Regular.woff2:1 Failed to load resource: the server responded with a status of 404 (Not Found)
      nunjucks.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
      Roboto-Condensed-Regular.woff:1 Failed to load resource: the server responded with a status of 404 (Not Found)
      Err1.jpg

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

        @Omeliel said in Installing Magic mirror on windows 10:

        Type npm install and press the Enter key. This will install the dependencies for MagicMirror.

        looks like this step failed

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • O Offline
          Omeliel
          last edited by

          I have done that . Npm install . Still black screen.

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

            @Omeliel show me the output of npm install

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • O Offline
              Omeliel
              last edited by

              output.jpg

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

                @Omeliel u are doing ~/MagicMirror something

                you want

                cd ~/MagicMirror

                THEN

                npm install

                I think this is causing the files to be put in the users root, NOT in the MagicMirror folder

                fonts should be installed in MagicMirror/fonts
                vendor should be installed in MagicMirror/vendor

                can u see if ~/fonts and ~/vendor exist?

                also, at the end, this will fail to run, as the MINGW env has no graphical environment itself,
                so electron won’t run… u will need to run serveronly mode and access the MM via another browser

                you could install MM ON windows (open cmd.exe)…

                also, you are installing under MINGW (looks like linux), not on windows natively

                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

                  @Omeliel you could install on windows directly

                  https://forum.magicmirror.builders/topic/4089/complete-walkthrough-install-magicmirror-on-a-pc-windows-7-10

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • O Offline
                    Omeliel
                    last edited by

                    I have fonts and vendor in MM. I run npm install from cmd in win beeing in mm folder. Also run node_serveronly but still same results npm.jpg node_serveronly.jpg

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

                      @Omeliel still need to see errors in both consoles… terminal window and dev window

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • O Offline
                        Omeliel
                        last edited by

                        Thank you is exactly what in I am trying to do and followin those steps i got balck screen only either in server mode or in normal mode .

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

                          @Omeliel ok, so the problem is in the console side… can u show the messages from the window where you did npm start (called the terminal window)

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • O Offline
                            Omeliel
                            last edited by

                            Sorted. I post in few minutes solution.

                            1 Reply Last reply Reply Quote 0
                            • O Offline
                              Omeliel
                              last edited by

                              So
                              What worked for me was so far :
                              Installation:
                              I installed this: https://nodejs.org/en/download/
                              In that tutorial, he said to install git bash. I didn’t I just used cmd from windows.
                              From https://github.com/MichMich/MagicMirror I download the zip file, extracted in C: in windows (not as described in that tutorial).
                              I renamed the extracted folder by just deleting master remain only MagicMirror as a folder.
                              Open cmd in windows go in C:\MagicMirror and run npm install
                              Then I went in C:\MagicMirror\config and delete sample extension ending to have just file named config.js
                              After that, as @stedweil advised went and edit the package.json file and remove the display=${display… stuff from the start clause
                              It should start with "node_modules, like this
                              “start”: “node_modules/.bin/electron js/electron.js”,
                              Now trying to start mm I got black screen only.
                              I can’t remember where I saw but I think MichMich advice to go in C:\MagicMirror\vendor and run again npm install, I have done that and it worked.
                              Now regarding editing the config.js, it need to be edited according to your area . There some tutorials for that too.

                              S 1 Reply Last reply Reply Quote 0
                              • O Offline
                                Omeliel
                                last edited by

                                Tell me if is working for anyone who try it cuz i have 0 knowledge abot html, css, java :)) .
                                Thank you @sdetweil @Michmich and @vintage89 and all others who spend their time share with us noobs :)) their knowlege.
                                Kind regards

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

                                  @Omeliel said in Installing Magic mirror on windows 10:

                                  Now trying to start mm I got black screen only.
                                  I can’t remember where I saw but I think MichMich advice to go in C:\MagicMirror\vendor and run again npm install, I have done that and it worked.
                                  Now regarding editing the config.js, it need to be edited according to your area . There some tutorials for that too.

                                  is it working or not? prior message says working, your new question seems it is not

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  O 2 Replies Last reply Reply Quote 0
                                  • O Offline
                                    Omeliel @sdetweil
                                    last edited by Omeliel

                                    This post is deleted!
                                    1 Reply Last reply Reply Quote 0
                                    • O Offline
                                      Omeliel @sdetweil
                                      last edited by

                                      Is working for me . Need others to try. And let us knwo.

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

                                        easy peasy

                                        install nodejs  (google search)
                                        (includes npm)
                                        
                                        install git (google search)
                                        
                                        open cmd.exe 
                                        
                                        git clone magicmirror repo
                                        
                                        cd MagicMirror\config
                                        copy config.js.sample config.js
                                        cd ..
                                        npm install --only=prod
                                        when finished
                                        cd vendor
                                        npm install
                                        cd ..\fonts
                                        npm install
                                        cd ..
                                        notepad package.json
                                        change start line to 
                                            "start": "node_modules/.bin/electron js/electron.js",
                                        ctrl-s to save
                                        alt key, file, exit to close ( or use mouse, file, exit)
                                        npm start
                                        

                                        voila

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        C S 2 Replies Last reply Reply Quote 0
                                        • C Offline
                                          Chrisflex @sdetweil
                                          last edited by

                                          @sdetweil I am having the exact same problem
                                          I will followed the suggested remedies mentioned but still no luck.
                                          Please assist if you can even via Teamviewer.

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

                                            @Chrisflex said in Installing Magic mirror on windows 10:

                                            I am having the exact same problem

                                            what problem?

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            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