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 367 Views
    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
      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
        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 css

        1 Reply Last reply Reply Quote 1
        • P
          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
            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 css

            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