Any module I add turns to blank screen.

sdetweil · Oct 25, 2021, 2:35 PM

@socrates see https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later/6

note that blank screen can also be caused by not following the module install instructions

if the module has a file called package.json, then in the module folder do npm install
even it the instructions don’t say that , then see the link above

also see the ‘how to add a module’ link in my signature (I didn’t write it, but its good stuff)

sdetweil · Oct 25, 2021, 2:36 PM

@socrates also are u doing this with MMOS, or MM installed on a running pi os?

Socrates · Oct 25, 2021, 3:02 PM

@sdetweil thanks for your prompt reply. I am running rpi4 OS and then installed MM on it.
The default out of the box modules (US Holidays calendar, and the
compliment msgs shows up), but when i add my own google calendar URL that also does not show up.
Not even a single module i add shows up.
I am following the instructions as on the modules readme pages. I realize some modules require npm install command even after that i get the same blank screen error.

Socrates · Oct 25, 2021, 3:08 PM

@sdetweil
Let me give you an example of one of the module I am trying to work with. MMM-DynamicWeather
See the error logs.

> magicmirror@2.17.1 start /home/pi/MagicMirror
> DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js

[25.10.2021 10:06.30.558] [LOG]   Starting MagicMirror: v2.17.1
[25.10.2021 10:06.30.570] [LOG]   Loading config ...
[25.10.2021 10:06.30.577] [LOG]   Loading module helpers ...
[25.10.2021 10:06.30.579] [LOG]   No helper found for module: alert.
[25.10.2021 10:06.30.595] [LOG]   Initializing new module helper ...
[25.10.2021 10:06.30.597] [LOG]   Module helper loaded: updatenotification
[25.10.2021 10:06.30.598] [LOG]   No helper found for module: clock.
[25.10.2021 10:06.30.753] [LOG]   Initializing new module helper ...
[25.10.2021 10:06.30.754] [LOG]   Module helper loaded: calendar
[25.10.2021 10:06.30.755] [LOG]   No helper found for module: compliments.
[25.10.2021 10:06.30.758] [ERROR] WARNING! Could not load config file. Starting with default configuration. Error found: Error: Cannot find module 'request'
Require stack:
- /home/pi/MagicMirror/modules/MMM-DynamicWeather/node_helper.js
- /home/pi/MagicMirror/js/app.js
- /home/pi/MagicMirror/js/electron.js
- /home/pi/MagicMirror/node_modules/electron/dist/resources/default_app.asar/main.js
-
/* Magic Mirror Config Sample
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * see https://docs.magicmirror.builders/getting-started/configuration.html#general
 * and https://docs.magicmirror.builders/modules/configuration.html
 */
let config = {
	address: "localhost", 	// Address to listen on, can be:
							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// - another specific IPv4/6 to listen on a specific interface
							// - "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8555,
	basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
					// you must set the sub path here. basePath must end with a /
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
															// or add a specific IPv4 of 192.168.1.5 :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

	language: "en",
	locale: "en-US",
	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 24,
//	units: "metric",
	// serverOnly:  true/false/"local" ,
	// local for armv6l processors, default
	//   starts serveronly and then starts chrome browser
	// false, default for all NON-armv6l devices
	// true, force serveronly mode, because you want to.. no UI on this device

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "iUS Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check",
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
					},
					{
						symbol: "Koshy-Family-Calendar",
						url: "https://calendar.google.com/calendar/ical/luvology%40gmail.com/public/basic.ics"
					}
				]
			}
		},
		{
			module: "compliments",
			position: "lower_third"
		},
//		{
//			module: "weather",
//			position: "top_right",
//			config: {
//				weatherProvider: "openweathermap",
//				type: "current",
//				location: "Houston",
//				units: "imperial",
//				locationID: "2646507", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
//				apiKey: "98dbcccba012ef0fd49c86665a0df584"
//			}
//		},
//		{
//			module: "weatherforecast",
//			position: "top_right",
//			header: "Weather Forecast",
//			config: {
//				locationID: '2646507',
//				app_id: '98dbcccba012ef0fd49c86665a0df584',
//				units: 'imperial'
//			}
//		},
		{
		module: "MMM-DynamicWeather",
		position: "fullscreen_above",
		config: { // See https://github.com/scottcl88/MMM-DynamicWeather for more information.
 			api_key: "98dbcccba012ef0fd49c86665a0df584",
 			locationID: "2646507",
 			effects: [
   				{	
    					month: "10",
    					day: "25",
    					year: "2021",
    					images: ["heart1.png", "heart2.png"],
    					direction: "up"
   				}	
  			],
 		}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "CNN News",
						url: "http://rss.cnn.com/rss/cnn_world.rss"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		}
	]
};


/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

Socrates · Oct 25, 2021, 3:21 PM

More troubleshooting logs as per the link provided in this post.

pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm install request
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+ request@2.88.2
updated 1 package and audited 48 packages in 2.163s
found 0 vulnerabilities

pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm install uuid
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+ uuid@8.3.2
added 1 package from 5 contributors, updated 1 package and audited 49 packages in 1.85s

2 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

pi@raspberrypi:~/MagicMirror/modules/MMM-Dynamic-Modules $ npm fund
MMM-Dynamic-Modules@1.0.0
├─┬ https://github.com/sponsors/feross
│ └── safe-buffer@5.2.1
├─┬ https://www.patreon.com/feross
│ └── safe-buffer@5.2.1
├─┬ https://feross.org/support
│ └── safe-buffer@5.2.1
└─┬ https://github.com/sponsors/epoberezkin
  └── ajv@6.12.6

sdetweil · Oct 25, 2021, 3:41 PM

@socrates said in Any module I add turns to blank screen.:

Cannot find module ‘request’

see the link I gave you in my 1st reply

but looks like u are moving in the right direction

Socrates · Oct 25, 2021, 3:46 PM

@sdetweil thanks see my third post , i have the logs uploaded when i tried to install request using
npm install request

and then it shows three more packages that are depreciated.
Not able to install none of those.

sdetweil · Oct 25, 2021, 3:49 PM

@socrates said in Any module I add turns to blank screen.:

Not able to install none of those

don’t worry about that… one step at a time…

don’t do npm fund unless u want to contribute money to other developers (outside MM)

Socrates · Oct 25, 2021, 4:09 PM

@sdetweil
Do u think i should install MM some other way? I cannot think of anything else.

sdetweil · Oct 25, 2021, 4:19 PM

@socrates well, i would start with one module at a time…

save the current config.js
copy the config.js.sample to config.js

confirm MM runs

add one module

resolve any missing dependencies

i don’t THINK u need to resinstall, but if u want to
then use my install script… see
https://github.com/sdetweil/MagicMirror_scripts

it doesn’t look like config.js editing is the problem, but if so, try my MMM-Config module which generates a form for config , see
https://github.com/sdetweil/MMM-Config

but missing libs are a pain in the rear… just no way to know when it will hit

note that the instructions link I posted will load ‘request’ or any other missing lib
IN THE MODULE folder

so, if u find ANOTHER module with the same problem, then u have to load it THERE TOO
over and over

you can do it in the MM folder instead, BUT… be warned… if you do an upgrade, the libs will be tossed as they are not referenced by the base, and are considered a security risk (in NPM, not the MM code) so, you could get to do it all over again, …
(I am considering making a change to my upgrade script to try and detect this… not sure yet)