• 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.

Installing Magic mirror on windows 10

Scheduled Pinned Locked Moved Troubleshooting
38 Posts 9 Posters 15.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.
  • S Offline
    sdetweil @vintage89
    last edited by sdetweil Apr 10, 2020, 11:44 PM Apr 10, 2020, 10:20 PM

    @vintage89 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”,

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    S 1 Reply Last reply Sep 23, 2020, 7:54 AM Reply Quote 1
    • O Offline
      Omeliel
      last edited by Apr 11, 2020, 1:50 PM

      Hi. New around here. I followed the steps it runs but it show only a black screen with no modules loaded. Can you help ?
      Laptop config:
      I7
      16 Gb ram
      Nvidia 1060 gtx
      Kind regards

      S 1 Reply Last reply Apr 11, 2020, 1:53 PM Reply Quote 0
      • S Offline
        sdetweil @Omeliel
        last edited by Apr 11, 2020, 1:53 PM

        @Omeliel tell me more, what steps did u follow?

        if you did npm start, there should be messages in the command prompt window…

        otherwise, on that black screen do ctrl-shift-i to open the developers window,
        select the tab labeled console, and scroll up to find any errors…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        O 1 Reply Last reply Apr 11, 2020, 2:28 PM Reply Quote 0
        • O Offline
          Omeliel @sdetweil
          last edited by Apr 11, 2020, 2:28 PM

          @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 Apr 11, 2020, 2:43 PM Reply Quote 0
          • S Offline
            sdetweil @Omeliel
            last edited by sdetweil Apr 11, 2020, 2:44 PM Apr 11, 2020, 2:43 PM

            @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 Apr 11, 2020, 3:13 PM

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

              S 1 Reply Last reply Apr 11, 2020, 3:22 PM Reply Quote 0
              • S Offline
                sdetweil @Omeliel
                last edited by Apr 11, 2020, 3:22 PM

                @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 Apr 11, 2020, 3:30 PM

                  output.jpg

                  S 1 Reply Last reply Apr 11, 2020, 3:52 PM Reply Quote 0
                  • S Offline
                    sdetweil @Omeliel
                    last edited by Apr 11, 2020, 3:52 PM

                    @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 Apr 11, 2020, 3:56 PM Reply Quote 0
                    • S Offline
                      sdetweil @sdetweil
                      last edited by Apr 11, 2020, 3:56 PM

                      @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
                      • 1
                      • 2
                      • 3
                      • 4
                      • 1 / 4
                      1 / 4
                      • First post
                        6/38
                        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