Black screen after 2.13 update - tentatively resolved

sdetweil

@Klinge said in Black screen after 2.13 update - tentatively resolved:

after the npm install it works

where did u run this npm install?

that command stinks,

git pull && npm install

if git pull returns non-0, then the npm install will not be executed

"&&" is used to chain commands together, such that the next command is run if and only if the preceding command exited without errors

use my script!..

swvalenti

This is what the dev console error is…

/home/pi/MagicMirror…rity-warnings.js:95 Electron Security Warning (Insecure Resources) This renderer process loads resources using insecure
  protocols.This exposes users of this app to unnecessary security risks.
  Consider loading the following resources over HTTPS or FTPS. 
 - http://0.0.0.0:8080/css/main.css
- http://0.0.0.0:8080/fonts/roboto.css
- http://0.0.0.0:8080/socket.io/socket.io.js
- http://0.0.0.0:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
- http://0.0.0.0:8080/js/defaults.js
- http://0.0.0.0:8080/config/config.js
- http://0.0.0.0:8080/vendor/vendor.js
- http://0.0.0.0:8080/modules/default/defaultmodules.js
- http://0.0.0.0:8080/js/logger.js
- http://0.0.0.0:8080/translations/translations.js
- http://0.0.0.0:8080/js/translator.js
- http://0.0.0.0:8080/js/class.js
- http://0.0.0.0:8080/js/module.js
- http://0.0.0.0:8080/js/loader.js
- http://0.0.0.0:8080/js/socketclient.js
- http://0.0.0.0:8080/js/main.js
- http://0.0.0.0:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2
- http://0.0.0.0:8080/translations/en.json
- http://0.0.0.0:8080/translations/en.json
- http://0.0.0.0:8080/modules/default/alert//alert.js
- http://0.0.0.0:8080/modules/default/alert/notificationFx.js
- http://0.0.0.0:8080/modules/default/alert/notificationFx.css
- http://0.0.0.0:8080/vendor/css/font-awesome.css
- http://0.0.0.0:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css
- http://0.0.0.0:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css
  
 
For more information and help, consult
https://electronjs.org/docs/tutorial/security.
 This warning will not show up
once the app is packaged.
/home/pi/MagicMirror…ity-warnings.js:145 Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security
    Policy set or a policy with "unsafe-eval" enabled. This exposes users of
    this app to unnecessary security risks.
 
For more information and help, consult
https://electronjs.org/docs/tutorial/security.
 This warning will not show up
once the app is packaged.

sdetweil

@swvalenti said in Black screen after 2.13 update - tentatively resolved:

Electron Security Warning (Insecure Content-Security-Policy)

hm…

try this

edit ~/MagicMirror/index.html

< head>
	< title>MagicMirror²< /title>
	< meta name="google" content="notranslate" />
	< meta http-equiv="Content-type" content="text/html; charset=utf-8" />

	< meta name="apple-mobile-web-app-capable" content="yes">
	< meta name="apple-mobile-web-app-status-bar-style" content="black">
	< meta name="format-detection" content="telephone=no">
	< meta name="mobile-web-app-capable" content="yes">
	< meta http-equiv="Content-Security-Policy" content="script-src 'self';"> < ---- insert this line without the space after <

swvalenti

Sam, that worked thank you very much!

sdetweil

@swvalenti i wonder why YOU see it and no one else does…

swvalenti

I have no clue on that as all my units run the same hardware and OS

sdetweil

@swvalenti I opened issue https://github.com/MichMich/MagicMirror/issues/2147 to track this

swvalenti

Same unit that give me earlier issue does not load darksky or pokemon…my kids monitor…lol…other mirrors run darksky with no problem.

Scripts loaded for: MMM-EARTH
loader.js:195 Load stylesheet: modules/MMM-EARTH/MMM-EARTH.css
loader.js:155 Styles loaded for: MMM-EARTH
loader.js:157 Translations loaded for: MMM-EARTH
loader.js:176 Load script: modules/MMM-DarkSkyForecast//MMM-DarkSkyForecast.js
module.js:505 Check MagicMirror version for module 'MMM-DarkSkyForecast' - Minimum version:  2.2.0 - Current version: undefined
module.js:528 Uncaught TypeError: Cannot read property 'replace' of undefined
    at cmpVersions (module.js:528)
    at Function.Module.register (module.js:506)
    at MMM-DarkSkyForecast.js:41
loader.js:176 Load script: modules/MMM-DailyPokemon//MMM-DailyPokemon.js
module.js:505 Check MagicMirror version for module 'MMM-DailyPokemon' - Minimum version:  2.1.0 - Current version: undefined
module.js:528 Uncaught TypeError: Cannot read property 'replace' of undefined
    at cmpVersions (module.js:528)
    at Function.Module.register (module.js:506)
    at MMM-DailyPokemon.js:10
loader.js:176 Load script: modules/MMM-EventHorizon//MMM-EventHorizon.js
module.js:513 Module registered: MMM-EventHorizon
loader.js:148 Bootstrapping module: MMM-EventHorizon
loader.js:153 Scripts loaded for: MMM-EventHorizon
loader.js:195 Load stylesheet: modules/MMM-EventHorizon/MMM-EventHorizon.css
loader.js:155 Styles loaded for: MMM-EventHorizon

sdetweil

@swvalenti weird. this is 2.13 now?

grep version ~/MagicMirror/package.json

can’t believe the version check would fail

swvalenti

@sdetweil Yes sir 2.13

Last login: Fri Oct  2 17:10:33 2020
pi@raspberrypi:~ $ grep version ~/MagicMirror/package.json
        "version": "2.13.0",
pi@raspberrypi:~ $

sdetweil

@swvalenti edit the modulename.js for each

comment out (leading //)

requiresVersion: “2.1.0”,

swvalenti

That gave me a black screen

sdetweil

@swvalenti

//requiresVersion: “2.1.0”,
??

swvalenti

Correct, only pokemon had 2.1.0 I didnt see 2.1.0 in darksky just 2.2.0

sdetweil

@swvalenti and u commented it out in darksky, yes?

show errors

swvalenti

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-YvJxUhUeeIN7m4Y4YEc1FVS+YDCNVK6VsHIHx5z29EE='), or a nonce ('nonce-...') is required to enable inline execution.
main.js:487 Initializing MagicMirror.
translator.js:129 Loading core translation file: translations/en.json
translator.js:154 Loading core translation fallback file: translations/en.json
loader.js:176 Load script: modules/default/alert//alert.js
module.js:513 Module registered: alert
loader.js:148 Bootstrapping module: alert
loader.js:176 Load script: modules/default/alert/notificationFx.js
loader.js:153 Scripts loaded for: alert
loader.js:195 Load stylesheet: modules/default/alert/notificationFx.css
loader.js:195 Load stylesheet: vendor/css/font-awesome.css
loader.js:155 Styles loaded for: alert
translator.js:102 alert - Load translation fallback: translations/en.json
/home/pi/MagicMirror…rity-warnings.js:95 Electron Security Warning (Insecure Resources) This renderer process loads resources using insecure
  protocols.This exposes users of this app to unnecessary security risks.
  Consider loading the following resources over HTTPS or FTPS. 
 - http://0.0.0.0:8080/css/main.css
- http://0.0.0.0:8080/fonts/roboto.css
- http://0.0.0.0:8080/socket.io/socket.io.js
- http://0.0.0.0:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
- http://0.0.0.0:8080/js/defaults.js
- http://0.0.0.0:8080/config/config.js
- http://0.0.0.0:8080/vendor/vendor.js
- http://0.0.0.0:8080/modules/default/defaultmodules.js
- http://0.0.0.0:8080/js/logger.js
- http://0.0.0.0:8080/translations/translations.js
- http://0.0.0.0:8080/js/translator.js
- http://0.0.0.0:8080/js/class.js
- http://0.0.0.0:8080/js/module.js
- http://0.0.0.0:8080/js/loader.js
- http://0.0.0.0:8080/js/socketclient.js
- http://0.0.0.0:8080/js/main.js
- http://0.0.0.0:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2
- http://0.0.0.0:8080/translations/en.json
- http://0.0.0.0:8080/translations/en.json
- http://0.0.0.0:8080/modules/default/alert//alert.js
- http://0.0.0.0:8080/modules/default/alert/notificationFx.js
- http://0.0.0.0:8080/modules/default/alert/notificationFx.css
- http://0.0.0.0:8080/vendor/css/font-awesome.css
- http://0.0.0.0:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css
- http://0.0.0.0:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css
  
 
For more information and help, consult
https://electronjs.org/docs/tutorial/security.
 This warning will not show up
once the app is packaged.
loader.js:157 Translations loaded for: alert


0.0.0.0/:4 Uncaught SyntaxError: Unexpected token / in JSON at position 44
    at JSON.parse (<anonymous>)
    at XMLHttpRequest.xhr.onreadystatechange (translator.js:22)

sdetweil

@swvalenti let me work on it. is that a pi0 perhaps, running chrome instead of electron?

swvalenti

No sir it is a pi3b+ running buster

sdetweil

@swvalenti after looking at my dev console I see the same content security warning, but it is not fatal… just a warning…

I added the

requiresVersion: "2.1.0",

to the calendar and it worked fine,
then commented out

//requiresVersion: "2.1.0",

still worked ok…

and didn’t need that meta tag…

so, there must be something else going on…

can u rename the config.js out of the way (config.js.save)
and copy the sample

cp config.js.sample config.js

and try MM again

spitzlbergerj

@m0bed said in Black screen after 2.13 update - tentatively resolved:

@m0bed So, I changed my config found out that this modules dont work at the moment:
MMM-Homematic-Heaters

The problem are the comments in the two translation files . Remove the comments and it will work again.

Since MMM-Homematic-Heaters seems to be no longer maintained, I have forked the module MMM-Homematic-Thermostats from it and developed it further. There the error is fixed. Maybe changing the module will help :-)