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.

    Run MM² on W10 to test modules - 404 and X-Content-Type-Options: nosniff

    Scheduled Pinned Locked Moved Troubleshooting
    4 Posts 2 Posters 409 Views 2 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
      poutr
      last edited by

      Hello,

      Trying to run MM² on my w10 laptop with node version 12.18.3.

      git clone & npm install, config file with ip whitelist & npm run server ( https://docs.magicmirror.builders/getting-started/installation.html#usage )

      The application starts and I can open localhost:8080 and it’s a black screen.

      Main errors is a variation of :

      GET http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
[HTTP/1.1 404 Not Found 29ms]
The resource from "http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js" was blocked due to MIME type (« text/html ») mismatch (X-Content-Type-Options: nosniff).

      At the bottom of the post are all the dev tools console logs.

      So, I got 2 issues :

      • one is that mismatch MIME type (https://stackoverflow.com/questions/44657829/css-file-blocked-mime-type-mismatch-x-content-type-options-nosniff)
      • but I don’t even have a /MagicMirror/vendor/node_modules directory inside my /MagicMirror/vendor/ directory (while I do have the /MagicMirror/node_modules/ directory after the install).

      What is happening ? Should I run a npm install inside each sub-directory of /MagicMirror/ ? Do I need to modify the html of MM² to follow the stackoverflow answer?

      Or is there a special case for running it on w10 / node 12 ?

      Thanks for any tips. I will update my post with npm install in every sub-directory results.

      GEThttp://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
[HTTP/1.1 404 Not Found 29ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
GEThttp://localhost:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2
[HTTP/1.1 404 Not Found 2ms]

downloadable font: download failed (font-family: "Roboto Condensed" style:normal weight:400 stretch:100 src index:2): status=2147746065 source: http://localhost:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2
GEThttp://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
[HTTP/1.1 404 Not Found 3ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js ». localhost:8080:41:1
Initializing MagicMirror. main.js:478:8
Loading core translation file: translations/en.json translator.js:202:9
Loading core translation fallback file: translations/en.json translator.js:227:9
Load script: modules/default/alert//alert.js loader.js:175:9
GEThttp://localhost:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff
[HTTP/1.1 404 Not Found 4ms]

downloadable font: download failed (font-family: "Roboto Condensed" style:normal weight:400 stretch:100 src index:3): status=2147746065 source: http://localhost:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff
Module registered: alert module.js:486:6
Bootstrapping module: alert loader.js:147:7
Load script: modules/default/alert/notificationFx.js loader.js:175:9
Scripts loaded for: alert loader.js:152:8
Load stylesheet: modules/default/alert/notificationFx.css loader.js:194:9
Load stylesheet: vendor/css/font-awesome.css loader.js:194:9
GEThttp://localhost:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css
[HTTP/1.1 404 Not Found 3ms]

GEThttp://localhost:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css
[HTTP/1.1 404 Not Found 4ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
La ressource à l’adresse « http://localhost:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Error on loading stylesheet: vendor/css/font-awesome.css loader.js:205:10
Styles loaded for: alert loader.js:154:9
alert - Load translation fallback: translations/en.json translator.js:175:9
Translations loaded for: alert loader.js:156:10
Load script: modules/default/updatenotification//updatenotification.js loader.js:175:9
Module registered: updatenotification module.js:486:6
Bootstrapping module: updatenotification loader.js:147:7
Scripts loaded for: updatenotification loader.js:152:8
Styles loaded for: updatenotification loader.js:154:9
Translations loaded for: updatenotification loader.js:156:10
Load script: modules/default/clock//clock.js loader.js:175:9
Module registered: clock module.js:486:6
Bootstrapping module: clock loader.js:147:7
Load script: vendor/node_modules/moment/min/moment-with-locales.js loader.js:175:9
GEThttp://localhost:8080/vendor/node_modules/moment/min/moment-with-locales.js
[HTTP/1.1 404 Not Found 3ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/moment/min/moment-with-locales.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/vendor/node_modules/moment/min/moment-with-locales.js ». localhost:8080:1:1
Error on loading script: vendor/node_modules/moment/min/moment-with-locales.js loader.js:185:10
Load script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js loader.js:175:9
GEThttp://localhost:8080/vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js
[HTTP/1.1 404 Not Found 2ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js ». localhost:8080:1:1
Error on loading script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js loader.js:185:10
Load script: vendor/node_modules/suncalc/suncalc.js loader.js:175:9
GEThttp://localhost:8080/vendor/node_modules/suncalc/suncalc.js
[HTTP/1.1 404 Not Found 3ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/suncalc/suncalc.js » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Error on loading script: vendor/node_modules/suncalc/suncalc.js loader.js:185:10
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/vendor/node_modules/suncalc/suncalc.js ». localhost:8080:1:1
Scripts loaded for: clock loader.js:152:8
Load stylesheet: modules/default/clock/clock_styles.css loader.js:194:9
Styles loaded for: clock loader.js:154:9
Translations loaded for: clock loader.js:156:10
Load script: modules/default/calendar//calendar.js loader.js:175:9
Module registered: calendar module.js:486:6
Bootstrapping module: calendar loader.js:147:7
File already loaded: moment.js loader.js:235:9
Scripts loaded for: calendar loader.js:152:8
Load stylesheet: modules/default/calendar/calendar.css loader.js:194:9
File already loaded: font-awesome.css loader.js:235:9
Styles loaded for: calendar loader.js:154:9
Translations loaded for: calendar loader.js:156:10
Load script: modules/default/compliments//compliments.js loader.js:175:9
Module registered: compliments module.js:486:6
Bootstrapping module: compliments loader.js:147:7
File already loaded: moment.js loader.js:235:9
Scripts loaded for: compliments loader.js:152:8
Styles loaded for: compliments loader.js:154:9
Translations loaded for: compliments loader.js:156:10
Load script: modules/default/currentweather//currentweather.js loader.js:175:9
Module registered: currentweather module.js:486:6
Bootstrapping module: currentweather loader.js:147:7
File already loaded: moment.js loader.js:235:9
Scripts loaded for: currentweather loader.js:152:8
Load stylesheet: vendor/node_modules/weathericons/css/weather-icons.css loader.js:194:9
GEThttp://localhost:8080/vendor/node_modules/weathericons/css/weather-icons.css
[HTTP/1.1 404 Not Found 2ms]

La ressource à l’adresse « http://localhost:8080/vendor/node_modules/weathericons/css/weather-icons.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Error on loading stylesheet: vendor/node_modules/weathericons/css/weather-icons.css loader.js:205:10
Load stylesheet: modules/default/currentweather/currentweather.css loader.js:194:9
Styles loaded for: currentweather loader.js:154:9
Translations loaded for: currentweather loader.js:156:10
Load script: modules/default/weatherforecast//weatherforecast.js loader.js:175:9
Module registered: weatherforecast module.js:486:6
Bootstrapping module: weatherforecast loader.js:147:7
File already loaded: moment.js loader.js:235:9
Scripts loaded for: weatherforecast loader.js:152:8
File already loaded: weather-icons.css loader.js:235:9
Load stylesheet: modules/default/weatherforecast/weatherforecast.css loader.js:194:9
Styles loaded for: weatherforecast loader.js:154:9
Translations loaded for: weatherforecast loader.js:156:10
Load script: modules/default/newsfeed//newsfeed.js loader.js:175:9
Module registered: newsfeed module.js:486:6
Bootstrapping module: newsfeed loader.js:147:7
File already loaded: moment.js loader.js:235:9
Scripts loaded for: newsfeed loader.js:152:8
Styles loaded for: newsfeed loader.js:154:9
Translations loaded for: newsfeed loader.js:156:10
Load stylesheet: css/custom.css loader.js:194:9
GEThttp://localhost:8080/css/custom.css
[HTTP/1.1 404 Not Found 2ms]

La ressource à l’adresse « http://localhost:8080/css/custom.css » a été bloquée en raison d’un type MIME (« text/html ») incorrect (X-Content-Type-Options: nosniff).
localhost:8080
Error on loading stylesheet: css/custom.css loader.js:205:10
Starting module: alert alert.js:162:7
Start updatenotification updatenotification.js:19:7
Starting module: clock clock.js:46:7
Uncaught ReferenceError: moment is not defined
      S 1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @poutr
        last edited by

        @poutr after install you have to manually do

        npm install
        in the vendor and fonts folders

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 1
        • P Offline
          poutr
          last edited by poutr

          Hello, just coming back from doing that (as I wrote I would) and it worked \o/ Thanks for confirming it’s the correct solution

          Edit : how do I close the topic ? can we add this tip to the documentation ?

          S 1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @poutr
            last edited by

            @poutr u did not open it as an issue, so cannot close it.

            update doc. No, the project is only supported on pi 3 and 4.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • 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