Any module I add turns to blank screen.

sdetweil

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

Socrates

@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

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

sdetweil

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

do i run ur script in terminal, and follow the prompts?

yes, just copy paste the one line for install in a terminal window

Socrates

@sdetweil
So i have installed mm using your script, and i am up and running, havent installed the modules yet, but that is because i am not able to shutdown mm using pm2 command, mm has been started using pm2 via your script.
None of these commands work
pm2 restart mm
pm2 stop mm

sdetweil

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

pm2 stop mm

cause its not called mm…

pm2 status

will show u the name , you can also use the number

or all to stop everything

Socrates

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

Socrates

So everything is working out great for me, i have added some great modules, and in the processing of adding more.
The only one thing i am not able to figure out is the measure of unit for the weather.
I am in the US, in texas, and even if i use the imperial unit it wont show it correctly and the weather is totally off.

                {
                        module: "MMM-Weather",
                        position: "top_right",
                        header: "Weather Forecast - Katy, TX",
                        configDeepMerge: true,
                        config: {
                        debug: false,
                        updateInterval: "15m", // 15 minutes
                        updateFadeSpeed: 500,
                        api: {
                          key: "98dbcccba012ef0fd49c86665a0df584",
                          latitude: "29.71490",
                          longitude: "95.83688",
                          units: "imperial"
                                },
                        display: {
                          CurrentConditions: true,
                          ExtraCurrentConditions: true,
                          Summary: true,
                          ForecastTableColumnHeaderIcons: true,
                          HourlyForecast: true,
                          DailyForecast: true,
                          Precipitation: true,
                          Wind: true,
                          InlineIcons: true,
                          Feels: true,
                          SunCondition: true,
                          Humidity: true,
                          UV: true,
                          Beaufort: true
                                },
                        personalize: {
                          hourlyForecastInterval: 3,
                          maxHourliesToShow: 3,
                          maxDailiesToShow: 3,
                          concise: false,
                          colored : true,
                          forecastLayout: "table",
                          forecastHeaderText: ""
                                },
                        labels: {
                        high: "H",
                        low: "L",
                        timeFormat: "kk[h]"
                        }
                        }
                },

Have a look a this code.. and the partial screenshot of my magic mirror through vnc viewer

Socrates

sdetweil

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

                     longitude: "95.83688",

we are west of england, so longitude should be negative (right?)… I am in texas too,

so, if u fix that and leave units off, it will take from the top of config

Socrates

@sdetweil
Gosh, my parcel got delivered in Europe… :beaming_face_with_smiling_eyes:

The dashboard is starting to take shape.
alt text

A few more important modules and i am set.