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 783.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.
    • P Offline
      Pearce
      last edited by

      I went through the installation guide and got this error:

      $ npm start

      magicmirror@2.18.0 start

      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.

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Pearce
        last edited by

        @pearce further up
        https://forum.magicmirror.builders/topic/4089/complete-walkthrough-install-magicmirror-on-a-pc-windows-7-10/141?_=1638708846564

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • N6NGN Offline
          N6NG
          last edited by

          Hi all… Looks like a lot of people are trying this… I’m going for it myself but ran into this problem…
          When I try to do the
          git clone https://github.com/MichMich/MagicMirror.git

          I get the following error.

          N6NG@Main-Computer-in-Ham-Shack MINGW64 /
          $ git clone https://github.com/MichMich/MagicMirror.git
          fatal: could not create work tree dir ‘MagicMirror’: Permission denied
          Anyone figured out how to change permissions… sudo isn’t recognized yet.
          Dennis

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @N6NG
            last edited by

            @n6ng no mingw,
            just normal windows prompt

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • swvalentiS Offline
              swvalenti Project Sponsor
              last edited by

              @sdetweil I installed MagicMirror no issues on Windows 11 but get undefined on several modules. Here is npm start dev

              Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-+VvWeRXLFRBjsYaMznmUQGiO1Vl3+a2jdYPOrV4EIp8='), or a nonce ('nonce-...') is required to enable inline execution.
              
              main.js:481 Initializing MagicMirror.
              translator.js:128 Loading core translation file: translations/en.json
              translator.js:146 Loading core translation fallback file: translations/en.json
              loader.js:184 Load script: modules/default/alert/alert.js
              module.js:509 Module registered: alert
              loader.js:155 Bootstrapping module: alert
              loader.js:184 Load script: modules/default/alert/notificationFx.js
              loader.js:160 Scripts loaded for: alert
              loader.js:203 Load stylesheet: vendor/css/font-awesome.css
              loader.js:203 Load stylesheet: modules/default/alert/./styles/notificationFx.css
              loader.js:203 Load stylesheet: modules/default/alert/./styles/center.css
              loader.js:162 Styles loaded for: alert
              translator.js:107 alert - Load translationfalse: translations/en.json
              translator.js:107 alert - Load translation fallback: translations/bg.json
              loader.js:164 Translations loaded for: alert
              loader.js:184 Load script: modules/default/updatenotification/updatenotification.js
              module.js:509 Module registered: updatenotification
              loader.js:155 Bootstrapping module: updatenotification
              loader.js:160 Scripts loaded for: updatenotification
              loader.js:203 Load stylesheet: modules/default/updatenotification/updatenotification.css
              loader.js:162 Styles loaded for: updatenotification
              loader.js:164 Translations loaded for: updatenotification
              loader.js:184 Load script: modules/default/clock/clock.js
              module.js:509 Module registered: clock
              loader.js:155 Bootstrapping module: clock
              loader.js:184 Load script: vendor/node_modules/moment/min/moment-with-locales.js
              loader.js:184 Load script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js
              loader.js:184 Load script: vendor/node_modules/suncalc/suncalc.js
              loader.js:160 Scripts loaded for: clock
              loader.js:203 Load stylesheet: modules/default/clock/clock_styles.css
              loader.js:162 Styles loaded for: clock
              loader.js:164 Translations loaded for: clock
              loader.js:184 Load script: modules/default/calendar/calendar.js
              module.js:501 Check MagicMirror version for module 'calendar' - Minimum version:  2.1.0 - Current version: undefined
              module.js:525 Uncaught TypeError: Cannot read properties of undefined (reading 'replace')
                  at cmpVersions (module.js:525)
                  at Function.Module.register (module.js:502)
                  at calendar.js:9
              loader.js:184 Load script: modules/default/compliments/compliments.js
              module.js:509 Module registered: compliments
              loader.js:155 Bootstrapping module: compliments
              loader.js:244 File already loaded: moment.js
              loader.js:160 Scripts loaded for: compliments
              loader.js:162 Styles loaded for: compliments
              loader.js:164 Translations loaded for: compliments
              loader.js:184 Load script: modules/default/weather/weather.js
              module.js:509 Module registered: weather
              loader.js:155 Bootstrapping module: weather
              loader.js:244 File already loaded: moment.js
              loader.js:184 Load script: modules/default/weather/weatherprovider.js
              loader.js:184 Load script: modules/default/weather/weatherobject.js
              loader.js:244 File already loaded: suncalc.js
              loader.js:184 Load script: modules/default/weather/providers/openweathermap.js
              loader.js:160 Scripts loaded for: weather
              loader.js:244 File already loaded: font-awesome.css
              loader.js:203 Load stylesheet: vendor/node_modules/weathericons/css/weather-icons.css
              loader.js:203 Load stylesheet: modules/default/weather/weather.css
              loader.js:162 Styles loaded for: weather
              loader.js:164 Translations loaded for: weather
              loader.js:184 Load script: modules/MMM-News/MMM-News.js
              module.js:509 Module registered: MMM-News
              loader.js:155 Bootstrapping module: MMM-News
              loader.js:160 Scripts loaded for: MMM-News
              loader.js:203 Load stylesheet: modules/MMM-News/MMM-News.css
              loader.js:162 Styles loaded for: MMM-News
              loader.js:164 Translations loaded for: MMM-News
              loader.js:203 Load stylesheet: css/custom.css
              alert.js:47 Starting module: alert
              updatenotification.js:18 Starting module: updatenotification
              clock.js:48 Starting module: clock
              compliments.js:38 Starting module: compliments
              weatherprovider.js:35 Weather provider: OpenWeatherMap initialized.
              weatherprovider.js:46 Weather provider: OpenWeatherMap started.
              main.js:499 All modules started!
              module.js:94 Template render error: (updatenotification.njk)
                EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
              
                  at Object.n.t (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:2630)
                  at n.i.render (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:37638)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35783
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35581
                  at o (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35306)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64086
                  at XMLHttpRequest.i.onreadystatechange (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64326)
              (anonymous) @ module.js:94
              module.js:94 Template render error: (current.njk)
                EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
              
                  at Object.n.t (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:2630)
                  at n.i.render (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:37638)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35783
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35581
                  at o (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35306)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64086
                  at XMLHttpRequest.i.onreadystatechange (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64326)
              (anonymous) @ module.js:94
              weather.js:149 New weather information available.
              module.js:94 Template render error: (current.njk)
                EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
              
                  at Object.n.t (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:2630)
                  at n.i.render (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:37638)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35783
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35581
                  at o (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35306)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64086
                  at XMLHttpRequest.i.onreadystatechange (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64326)
              (anonymous) @ module.js:94
              module.js:94 Template render error: (updatenotification.njk)
                EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
              
                  at Object.n.t (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:2630)
                  at n.i.render (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:37638)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35783
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35581
                  at o (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:35306)
                  at http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64086
                  at XMLHttpRequest.i.onreadystatechange (http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js:2:64326)
              
              swvalentiS S 2 Replies Last reply Reply Quote 0
              • swvalentiS Offline
                swvalenti Project Sponsor @swvalenti
                last edited by

                Lastly, all the modules I have working on another MM are not showing at all just blank. Is this a windows issue?

                swvalentiS S 2 Replies Last reply Reply Quote 0
                • swvalentiS Offline
                  swvalenti Project Sponsor @swvalenti
                  last edited by

                  I scoured the forum and internet but can’t find anything on nunchucks I am guessing that is the issue.

                  1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @swvalenti
                    last edited by sdetweil

                    @swvalenti did u run the extra steps?? (because the postinstall linux syntax fails on windows)

                    cd vendor
                    npm install
                    cd ..
                    cd fonts 
                    npm install
                    cd ..
                    

                    now u can start

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @swvalenti
                      last edited by

                      @swvalenti black screen

                      see https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      swvalentiS 1 Reply Last reply Reply Quote 0
                      • swvalentiS Offline
                        swvalenti Project Sponsor @sdetweil
                        last edited by

                        @sdetweil Hey Sam it’s not a black screen just modules show as undefined…like weather, news and components all other modules show

                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @swvalenti
                          last edited by

                          @swvalenti where did u install the extra modules?

                          same place as on linux

                          MagicMirror/modules

                          right??

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          swvalentiS 1 Reply Last reply Reply Quote 0
                          • swvalentiS Offline
                            swvalenti Project Sponsor @sdetweil
                            last edited by

                            @sdetweil also how do you not install under mingw could that be the issue

                            S swvalentiS 3 Replies Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @swvalenti
                              last edited by

                              @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                              also how do you not install under mingw could that be the issue

                              open a Windows cmd.exe session and do all the commands there…

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • swvalentiS Offline
                                swvalenti Project Sponsor @swvalenti
                                last edited by

                                @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                @sdetweil also how do you not install under mingw could that be the issue

                                there just the default modules in MagicMirror but others don’t show at all like MMM-PGA but fine on a pi

                                S 1 Reply Last reply Reply Quote 0
                                • swvalentiS Offline
                                  swvalenti Project Sponsor @swvalenti
                                  last edited by

                                  @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                  @sdetweil also how do you not install under mingw could that be the issue

                                  Ok I did that but I’ll try again

                                  S swvalentiS 2 Replies Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @swvalenti
                                    last edited by

                                    @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                    others don’t show at all like MMM-PGA

                                    i don’t know what “don’t show” means

                                    did u edit the config.js

                                    only a vew modules don’t work on Windows (snowboy voice driven for example)

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • S Do not disturb
                                      sdetweil @swvalenti
                                      last edited by

                                      @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                      Ok I did that but I’ll try again

                                      note that u have to run the extra install steps manually too

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • swvalentiS Offline
                                        swvalenti Project Sponsor @swvalenti
                                        last edited by

                                        @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                        @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                        @sdetweil also how do you not install under mingw could that be the issue

                                        Ok I did that but I’ll try again

                                        the position where the modules are supposed to show only a black black screen rest of modules work fine

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Do not disturb
                                          sdetweil @swvalenti
                                          last edited by

                                          @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                          the position where the modules are supposed to show only a black black screen rest of modules work fine

                                          maybe fonts or the nunjucks… (from vendor folder)

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          swvalentiS 1 Reply Last reply Reply Quote 0
                                          • swvalentiS Offline
                                            swvalenti Project Sponsor @sdetweil
                                            last edited by

                                            @sdetweil said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                            @swvalenti said in Complete Walkthrough - Install MagicMirror on a PC - Windows 7/10:

                                            the position where the modules are supposed to show only a black black screen rest of modules work fine

                                            maybe fonts or the nunjucks… (from vendor folder)

                                            I did the fonts but no clue what nunjucks is and how to fix it when I googled it I only got pictures of nunjucks

                                            S 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
                                            • 10
                                            • 11
                                            • 12
                                            • 13
                                            • 14
                                            • 15
                                            • 16
                                            • 17
                                            • 12 / 17
                                            • 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