Certain Modules Making Screen Blank

[efk4]

I’m really new to Raspberry Pi/Linux/90% of the code used here, so this is likely to be a dumb, easy fix (at least, I really hope so since it’s been driving me crazy!).

I’m able to get the clock, currentweather and weatherforecast modules working perfectly. However, when I attempt to add any other modules (calendar, newsfeed, even some additional downloaded ones such as MMM-Todoist and MMM-RottenTomatoes) the screen appears completely blank.

I’m planning on using this as an info screen type thing, rather than a mirror, so I have a background image which still appears like normal when this happens; all that happens is that no modules appear. Can anyone help with this? I’ll include my config.js code below; everything after weatherforecast is the stuff that doesn’t work - I’ve also removed all of my info.

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 */

var config = {
	port: 8080,
	address: [],
	ipWhitelist: [],

	language: "en",
	timeFormat: 12,
	units: "metric",

	modules: [
		{
			module: "clock",
			position: "top_left",
			config: {
				timeFormat: 12,
				displaySeconds: true,
				showPeriod: true,
				clockBold: false,
			}
		},
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "Auckland",
				locationID: "2193733",
				appid: "#REMOVED#",
				roundTemp: true,
				degreeLabel: true,
				animationSpeed: 1000,
				showWindDirection: true,
				showHumidity: true,
				useBeaufort: false,
				initialLoadDelay: 0,
				retryDelay: 2500
			}
		},
		{
			module: "weatherforecast",
			position: "top_right",
			config: {
				location: "Auckland",
				locationID: "2193733",
				appid: "#REMOVED#",
				roundTemp: true,
				maxNumberOfDays: 7,
				showRainAmount: true,
				updateInterval: 600000,
				animationSpeed: 1000,
				fade: true,
				fadePoint: 0.25,
				initialLoadDelay: 2500,
				retryDelay: 2500,
				colored: true
			}
		},
		{
			module: "email",
			position: "bottom_left",
			header: "Email",
			config: {
				user: "#REMOVED#@gmail.com",
			        password: "#REMOVED#",
				host: "imap.google.com"
			}
		},
		{
			module: "MMM-Todoist",
			position: "top_left",
			header: "Assignments",
			config: {
				accessToken: "#REMOVED#",
				lists: [ #REMOVED# ]
			}
		},
		{
			module: "MMM-RottenTomatoes",
			position: "bottom-right",
			config: {
				showHeader: true,
				showBoxOffice: true,
				showOpeningThisWeek: true,
				showComingSoon: true,
				limitBoxOffice: 3,
				limitOpeningThisWeek: 4,
				limitComingSoon: 3,
				boxOfficeAfter: true,
				mergeOpeningAndComingSoon: true
			}
		},
		{
			module: "calendar",
			header: "Menu",
			position: "bottom-left",
			config: {
				maximumEntries: 3,
				maximumNumberOfDays: 7,
				displaySymbol: true,
				defaultSymbol: cutlery,
				maxTitleLength: 50,
				wrapEvents: false,
				fetchInterval: 300000,
				animationSpeed: 2000,
				fade: false,
				timeFormat: relative,
				getRelative: 3,
				colored: false,
				calendars: [
				        {
						url: "https://calendar.google.com/calendar/ical/#REMOVED#%40group.calendar.google.com/public/basics.ics"
					}
				]
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "NZ Herald",
						url: "http://rss.nzherald.co.nz/rss/xml/nzhrsscid_000000001.xml",
					},
				]
			}
		},
	]

};

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

[cowboysdude]

@efk4 said in Certain Modules Making Screen Blank:

everything after weatherforecast is the stuff that doesn’t work - I’ve also removed all of my info.

What I would do is just add one at a time make sure that one works then add your next…

I did put it through a validator and it failed at this one ->

{
module: “MMM-Todoist”,
position: “top_left”,
header: “Assignments”,
config: {
accessToken: “#REMOVED#”,
lists: [ #REMOVED# ]
}
},

[efk4]

@cowboysdude That’s the way I originally did it - I added them one at a time. Even individually, they still made the same thing happen. Thanks for letting me know about the Todoist one, though - I’ll have to take a closer look at it, or more likely just take it out entirely.

I even went as far as to add the default calender code from the original config.js.sample file instead of my own - but that made the same thing happen too. Could it be something to do with the module coding? Or the way it’s trying to access the information from the internet?

[cowboysdude]

@efk4 I’m thinking no. Are you running MM 2.1.1?

[efk4]

@cowboysdude I believe so? I downloaded Magic Mirror 3 days ago, so I’m assuming I’m running the latest version.

[cowboysdude]

@efk4 OK well that’s interesting … I don’t see anything there that would cause that. Did you get a clean install without errors when you installed MagicMirror?

[efk4]

@cowboysdude Yeah, as far as I can tell everything went fine.

[cowboysdude]

Ok do this… keep your config.js and rename it to config.bak

Take the config.js.sample file and copy it to config.js and restart…

If everything runs fine then we go from there one module at a time to figure out which one is causing the issue for you.

[efk4]

@cowboysdude I’ve done that, but it’s still doing the same thing.

[efk4]

This has been driving me crazy for a couple of days now - if we can’t find a solution, would it be worth me starting over? As in, completely re-formatting my SD card, reinstalling Magic Mirror and all? I may not have formatted my SD card correctly the first time, which is making me wonder if that’s the issue.

I’m only a few days into doing this, so it wouldn’t be that big a deal if it were likely to fix it.

[cowboysdude]

@efk4 You’re not getting any errors so it’s hard to tell why it’s happening… would love to take a look at your setup…

[efk4]

@cowboysdude What’s annoying me the most is the fact that I haven’t altered anything major in the code - it’s pretty much all as downloaded. The only thing I’ve changed is main.css, when I changed the background from black to a picture.

Thank you for taking a look at it and giving me advice - I think I’m just going to start over and hope for the best. Thanks for your time!

[cowboysdude]

@efk4 Yeah that’s a good idea. It’s never a good idea to change any of the files…

Next time use the custom.css to enter your background… You may have created an issue you aren’t aware of and CSS either works or doesn’t… doesn’t throw too many errors LOL

[efk4]

Oh, awesome thank you. I wasn’t too sure whether to use custom.css or main.css - obviously I made the wrong choice haha. Thank you for the advice :)

[cowboysdude]

@efk4 trial and error my friend… trial and error LOL

[efk4]

I redid everything and followed the step-by-step tutorial in the forum, and it all works perfectly now! Thanks so much for your help!

[cowboysdude]

@efk4 Glad you got it working. I’m thinking something didn’t take when you installed it the first time :)