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 695.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.
    • 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 Offline
            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 Offline
              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 Offline
                  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 Offline
                      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
                        • 1
                        • 2
                        • 22
                        • 23
                        • 24
                        • 25
                        • 26
                        • 32
                        • 33
                        • 24 / 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