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 21.7k 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.
    • 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
                                • C Offline
                                  Chrisflex
                                  last edited by Chrisflex

                                  The screen remains blank after start up.

                                  Here is the log from the Console

                                  alt text

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

                                    @Chrisflex looks like you missed these steps

                                    cd ~/MagicMirror
                                    cd vendor
                                    npm install
                                    cd ..\fonts
                                    npm install
                                    cd ..
                                    

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 1
                                    • C Offline
                                      Chrisflex
                                      last edited by

                                      Thank you very much I will try it.

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

                                        Thank you again it works!

                                        I now have to figure out a way to change the news feed and get the local weather.

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

                                          @Chrisflex read the readme for each module

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          Mykle1M 1 Reply Last reply Reply Quote 2
                                          • Mykle1M Offline
                                            Mykle1 Project Sponsor Module Developer @sdetweil
                                            last edited by

                                            @sdetweil said in Installing Magic mirror on windows 10:

                                            read the readme for each module

                                            I second this motion. :thumbs_up_light_skin_tone:

                                            Create a working config
                                            How to add modules

                                            C 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