magicmirror is blocked after 30 sec

[boyboy]

0 info it worked if it ends with ok
1 verbose cli [ ‘/usr/bin/node’, ‘/usr/bin/npm’, ‘start’ ]
2 info using npm@6.14.6
3 info using node@v10.22.0
4 verbose run-script [ ‘prestart’, ‘start’, ‘poststart’ ]
5 info lifecycle magicmirror@2.12.0~prestart: magicmirror@2.12.0
6 info lifecycle magicmirror@2.12.0~start: magicmirror@2.12.0
7 verbose lifecycle magicmirror@2.12.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle magicmirror@2.12.0~start: PATH: /usr/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/pi/magicMirror/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/local/ga$
9 verbose lifecycle magicmirror@2.12.0~start: CWD: /home/pi/magicMirror
10 silly lifecycle magicmirror@2.12.0~start: Args: [ ‘-c’,
10 silly lifecycle ‘DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js’ ]
11 silly lifecycle magicmirror@2.12.0~start: Returned: code: 1 signal: null
12 info lifecycle magicmirror@2.12.0~start: Failed to exec start script
13 verbose stack Error: magicmirror@2.12.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:198:13)
13 verbose stack at ChildProcess. (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:198:13)
13 verbose stack at maybeClose (internal/child_process.js:982:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
14 verbose pkgid magicmirror@2.12.0
15 verbose cwd /home/pi/magicMirror
16 verbose Linux 5.4.51-v7+
17 verbose argv “/usr/bin/node” “/usr/bin/npm” “start”
18 verbose node v10.22.0
19 verbose npm v6.14.6
20 error code ELIFECYCLE
21 error errno 1
22 error magicmirror@2.12.0 start: DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
22 error Exit status 1
23 error Failed at the magicmirror@2.12.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

[sdetweil]

@boyboy what was the last thing you changed before this started to happen?

can you
pm2 stop all
cd ~/MagicMirror
npm start dev
and on the pi screen, select the console tab in the dev window.

[boyboy]

Thx,
I restarted the whole installation cleanly. The same problem appears.
here is the console log :

main.js:478 Initializing MagicMirror.
/home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/renderer/security-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://localhost:8080/css/main.css
• http://localhost:8080/fonts/roboto.css
• http://localhost:8080/socket.io/socket.io.js
• http://localhost:8080/vendor/node_modules/nunjucks/browser/nunjucks.min.js
• http://localhost:8080/js/defaults.js
• http://localhost:8080/config/config.js
• http://localhost:8080/vendor/vendor.js
• http://localhost:8080/modules/default/defaultmodules.js
• http://localhost:8080/js/logger.js
• http://localhost:8080/translations/translations.js
• http://localhost:8080/js/translator.js
• http://localhost:8080/js/class.js
• http://localhost:8080/js/module.js
• http://localhost:8080/js/loader.js
• http://localhost:8080/js/socketclient.js
• http://localhost:8080/js/main.js
• http://localhost:8080/fonts/node_modules/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2
• http://localhost:8080/translations/fr.json
• http://localhost:8080/translations/en.json
• http://localhost:8080/modules/default/alert//alert.js
• http://localhost:8080/modules/default/alert/notificationFx.js
• http://localhost:8080/modules/default/alert/notificationFx.css
• http://localhost:8080/vendor/css/font-awesome.css
• http://localhost:8080/vendor/node_modules/@fortawesome/fontawesome-free/css/all.min.css
• http://localhost: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.
warnAboutInsecureResources @ /home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/renderer/security-warnings.js:95
/home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/renderer/security-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.
(anonymous) @ /home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/renderer/security-warnings.js:145

(index):1 Refused to apply style from 'http://localhost:8080/css/custom.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

main.js:496 All modules started!

weatherforecast.js:274 GET https://api.openweathermap.org/data/2.5/forecast/daily?id=3026534&cnt=40&units=metric&lang=fr&APPID=cfc2a0386deb21a6a6cf85ca2ba89bde 401 (Unauthorized)

updateWeather @ weatherforecast.js:274
(anonymous) @ weatherforecast.js:396
setTimeout (async)
scheduleUpdate @ weatherforecast.js:395
start @ weatherforecast.js:94
startModules @ loader.js:52
(anonymous) @ loader.js:38
stylesheet.onerror @ loader.js:207
error (async)
loadFile @ loader.js:204
loadNextModule @ loader.js:36
(anonymous) @ loader.js:29
(anonymous) @ loader.js:122
(anonymous) @ loader.js:158
load @ translator.js:189
loadTranslations @ module.js:330
(anonymous) @ loader.js:155
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
loadFile @ loader.js:236
loadNextDependency @ module.js:291
loadDependencies @ module.js:300
loadStyles @ module.js:266
(anonymous) @ loader.js:153
loadNextDependency @ module.js:296
loadDependencies @ module.js:300
loadScripts @ module.js:275
bootstrapModule @ loader.js:151
afterLoad @ loader.js:121
loadModule @ loader.js:130
loadNextModule @ loader.js:27
(anonymous) @ loader.js:29
(anonymous) @ loader.js:122
(anonymous) @ loader.js:158
(anonymous) @ translator.js:186
xhr.onreadystatechange @ translator.js:22
XMLHttpRequest.send (async)
loadJSON @ translator.js:25
load @ translator.js:180
loadTranslations @ module.js:330
(anonymous) @ loader.js:155
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
stylesheet.onload @ loader.js:201
load (async)
loadFile @ loader.js:199
loadFile @ loader.js:259
loadNextDependency @ module.js:291
loadDependencies @ module.js:300
loadStyles @ module.js:266
(anonymous) @ loader.js:153
loadNextDependency @ module.js:296
loadDependencies @ module.js:300
loadScripts @ module.js:275
bootstrapModule @ loader.js:151
afterLoad @ loader.js:121
(anonymous) @ loader.js:134
script.onload @ loader.js:181
load (async)
loadFile @ loader.js:179
loadModule @ loader.js:132
loadNextModule @ loader.js:27
(anonymous) @ loader.js:29
(anonymous) @ loader.js:122
(anonymous) @ loader.js:158
loadTranslations @ module.js:333
(anonymous) @ loader.js:155
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
stylesheet.onload @ loader.js:201
load (async)
loadFile @ loader.js:199
loadFile @ loader.js:259
loadNextDependency @ module.js:291
(anonymous) @ module.js:293
loadFile @ loader.js:236
loadNextDependency @ module.js:291
loadDependencies @ module.js:300
loadStyles @ module.js:266
(anonymous) @ loader.js:153
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
loadFile @ loader.js:236
loadNextDependency @ module.js:291
loadDependencies @ module.js:300
loadScripts @ module.js:275
bootstrapModule @ loader.js:151
afterLoad @ loader.js:121
(anonymous) @ loader.js:134
script.onload @ loader.js:181
load (async)
loadFile @ loader.js:179
loadModule @ loader.js:132
loadNextModule @ loader.js:27
(anonymous) @ loader.js:29
(anonymous) @ loader.js:122
(anonymous) @ loader.js:158
loadTranslations @ module.js:333
(anonymous) @ loader.js:155
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
stylesheet.onload @ loader.js:201
load (async)
loadFile @ loader.js:199
loadFile @ loader.js:244
loadNextDependency @ module.js:291
loadDependencies @ module.js:300
loadStyles @ module.js:266
(anonymous) @ loader.js:153
loadNextDependency @ module.js:296
(anonymous) @ module.js:293
script.onload @ loader.js:181

[sdetweil]

@boyboy said in magicmirror is blocked after 30 sec:

weatherforecast 401 (Unauthorized)

looks like your appid is invalid

custom.css’ because its MIME type
because the file is not created by default…

what other modules do you have installed?

[boyboy]

i have remove forecast_weather module from config.js .The problem still appears

[boyboy]

two errors displayed on console :

• Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

• Error on loadind stylesheet: css/custom.css

There is only one file in : css/main.css

[sdetweil]

@boyboy custom.css

I said before

custom.css’ because its MIME type
because the file is not created by default… < ------- YOU have to create it if u need it

if you had used my installer script, it would have created one for you

see https://github.com/sdetweil/MagicMirror_scripts

[sdetweil]

@boyboy what other modules do you have installed , can u post your config.js, please use the code marker for that text here in the forum

paste text,
select text
then click the </> button above

[boyboy]

source from : http://localhost:8080/css/custom.css

@loader.js :205

stylesheet.onerror = function () {
Log.error(“error on loading styleshhet:”, fileName);

[sdetweil]

@boyboy hello… did u read my prior post…

YOU have to create the file…

do this

~/MagicMirror
touch css/custom.css