A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Read the statement by Michael Teeuw here.
Run MM² on W10 to test modules - 404 and X-Content-Type-Options: nosniff
-
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 -
@poutr after install you have to manually do
npm install
in the vendor and fonts folders -
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 ?
-
@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.
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