Any module I add turns to blank screen.

Socrates

@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

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

@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

@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

@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

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

sdetweil

@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)

Socrates

@sdetweil Thanks i am gonna follow these steps and let you know.
I am literally installing one module at a time, but none of the 3rd party module works. Even if i try to edit the inbuilt module that MM came with for eg:- the calendar, i try to add my own google calendar, it wont work. (meaning my calendar wont show up).
Do u have recommendations of which modules i can initially start with so that all the basic pre-requisite libraries get installed?

sdetweil

@socrates the defaults ones work pretty reliably…

for mail, the url for the cal ics lnk should download the ics file when used in a browser…
that is what the cal modules uses

what modules have u been trying over than default?

Socrates

@sdetweil
I have tried todoist, the calander ext2 module, dynamic weather module, several others. I think i might have an installation issue… I will just reformat my card and re-install using your script.
So after i install rpi, do i run ur script in terminal, and follow the prompts?