Any module I add turns to blank screen.

Socrates · Oct 25, 2021, 2:28 PM

I am new to MM, and i do have some programming knowledge. I understand the concept of braces closing them properly, spacing and closing the loop.
I have been watching youtube and or going through the read me for each of the modules, i follow the instructions to the dot, i will pick up the api keys, or any kind of custom input needed, but every single module turns my mm to blank screen.
I have tried VI i have tried nano, i have tried UI mod Scit and text editor, but each time i copy paste any snippet of code from git, I have to end up aligning the code, it never copies to the config file as desired. Hence i wonder if the code snippet copy paste and spacing and tabs is the problem. How do you work with these.

Socrates · Oct 26, 2021, 12:03 AM

@sdetweil Dear Sir, you are a genius, i finally got it working. Surely it was an install issue. Using your installation script, and in the past 2 hours i have already inculcated 4 third party modules, and all seems to be working. I might have a question or two later tomorrow when i make more progress, but for now, the main issue is resolved.

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.