magicmirror is blocked after 30 sec

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.

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

boyboy

modules: [
	{
		module: "alert",
	},
	{
		module: "updatenotification",
		position: "top_bar"
	},
	{
		module: "clock",
		position: "top_left"
	},
	{
		module: "calendar",
		position: "top_left",
		config: {
			maximumNumberOfDays: 100,
			maximumEntries: 7,
			fade: "false",
			fadePoint: "0.80",
			calendars: [
				{
					url: 'http://localhost:8080/modules/calendars/*****.ics',
					symbol: 'calendar'
				},
				{
					url: 'http://localhost:8080/modules/calendars/*****.ics',
					symbol: 'birthday-cake'	
				}
			]
		}
	},
	{
		module: "compliments",
		position: "lower_third"
	},
	{
		module: "currentweather",
		position: "top_right",
		config: {
			location: "***",
			locationID: "3026534", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
			appid: "****", //openweathermap.org API key
			showHumidity: "true",
			useKMPHwind: "true",
			roundTemp: "true",
			useBeaufort: "false"
		}
	},
	{
		module: 'MMM-AirQuality',
		position: 'top_right', // you may choose any location
		config: {
			location: 'france/bourgogne/macon-paul-bert/', // the location to check the index for
			lang: "fr"
				}
	},
	//{
	//	module: "weatherforecast",
	//	position: "top_right",
	//	header: "Weather Forecast",
	//	config: {
	//		location: "***",
	//		locationID: "3026534", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
	//		appid: "****", //openweathermap.org API key
	//		colored: "true",
	//		fade: "false",
	//		fadePoint: "0.75",
	//		showRainAmount: "true",
	//		roundTemp: "true"
	//	}
	//},
	{	
		module: 'MMM-Todoist',
		position: 'top_left',	// This can be any of the regions. Best results in left or right regions.
		config: { // See 'Configuration options' for more information.
			hideWhenEmpty: false,
			accessToken: '****',
			maximumEntries: 60,
			updateInterval: 10*60*1000, // Update every 10 minutes
			fade: false,  // projects and/or labels is mandatory:
			projects: [ **** ], 
			labels: [ "MagicMirror" ] // Tasks for any projects with these labels will be shown.
		}
	},
	{
		module: 'MMM-Todoist',
		position: 'top_left',	// This can be any of the regions. Best results in left or right regions.
		config: { // See 'Configuration options' for more information.
			hideWhenEmpty: false,
			accessToken: '***',
			maximumEntries: 60,
			updateInterval: 10*60*1000, // Update every 10 minutes
			fade: false,  // projects and/or labels is mandatory:
			projects: [ **** ], 
			labels:  "Important"  // Tasks for any projects with these labels will be shown.
		}
	},
]

};