Third Party Modules Don't Work Please Help

zzaidi148

Hello all,
I’m a total noob to coding and magicmirror. I’ve got my mm working perfectly with the default modules. but for some reason when I add 3rd party modules, it all fails and says your config doesnt work. I download the module into MagicMirror/modules and not in default. I also added the config to config.js in every place imaginable and never got it to work. Please, if you can help, speel it out to me because I’m a total noob! My config is below. I tried it with many modules besides this google maps one that is at the bottom. The same result occured.

//var 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, is "localhost"
	port: 8080,
	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"],

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

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check-o ",
						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
					}
				]
			}
		},
		{
			module: "compliments",
			position: "lower_third"
		},
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "private"
			}
		},
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "private"
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
	]

};
var config = {
    modules: [
        {
            module: 'MMM-GoogleMapsTraffic',
            config: {
                key: 'YOUR_KEY',
                lat: 37.8262306,
                lng: -122.2920096,
                height: '300px',
                width: '300px'
            }
        }
    ]
}

	

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

cowboysdude

@zzaidi148 said in Third Party Modules Don’t Work Please Help:

//var config

should be

var config take the // away

Mykle1

https://forum.magicmirror.builders/topic/4231/how-to-add-modules-for-absolute-beginners

cowboysdude

Rule of thumb for new guys/gals…

Add one module at a time… if your config works then back it up before adding something else that way you have a working config… always :)

Bob

remove the second instance of

var config = (
module : [

]
}

at the bottom of the file

zzaidi148

@cowboysdude I tried with only one module and it failed

cowboysdude

@zzaidi148 It’s okay it’s how we learn :) We’ve all been there… if you try to get one module working and it doesn’t then post what you’ve done so we can help you…

We don’t mind … like I said we ALL had to learn and there is no such thing as a stupid question ever. I personally don’t care if you have to ask the same question 1000 times… I or someone else will answer you.

My education is in Education :) Just remember… whatever question you ask someone else may benefit from it too!

Mykle1

@zzaidi148 said in Third Party Modules Don’t Work Please Help:

I tried with only one module and it failed

Your default config works, yes?

Bob

Ho hum, I got bored, so…

@zzaidi148 here you go, below is your working code.

As was said above, you needed to remove the // from var config, and the extra config section at the end. I also tidied up the code (putting spaces between modules to make them easier to read), and added some extra commas (because I tend to anyway) . You just need to replace the API keys with the correct ones and the code below will work.

var 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, is "localhost"
	port: 8080,
	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"],

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

	modules: [
	
		{
			module: "alert",
		},

		{
			module: "updatenotification",
			position: "top_bar",
		},

		{
			module: "clock",
			position: "top_left",
		},

		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check-o",
						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics",
					}
				]
			}
		},
		
		{
			module: "compliments",
			position: "lower_third",
		},
		
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "private",
			}
		},
		
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "private",
			}
		},
		
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
        
        {
            module: 'MMM-GoogleMapsTraffic',
            config: {
                key: 'YOUR_KEY',
                lat: 37.8262306,
                lng: -122.2920096,
                height: '300px',
                width: '300px',
            },
        },

	]
};

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

zzaidi148

@Mykle1 yes

zzaidi148

@cowboysdude Very true. Thanks for the encouragement and help!

zzaidi148

@Bob OMG thank you so much. Ok, so I pasted your working code with the api keys and everything worked and it booted up except the google maps traffic module. I’m right now working in landscape mode if that helps. When I started the mirror, it said that there were no helpers found for google maps. don’t know whether I missed something in the install of the module.

zzaidi148

@cowboysdude My module still won’t work. The rest of modules are showing except for the google maps traffic. Any idea?

zzaidi148

I even tried installing a stocks module by following a video of someone making their module and followed it to a tee but still didn’t get the module to work. It’s so frustrating!

zzaidi148

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var 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, is "localhost"
	port: 8080,
	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"],

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

	modules: [
	
		{
			module: "alert",
		},

		{
			module: "updatenotification",
			position: "top_bar",
		},

		{
			module: "clock",
			position: "top_left",
		},

		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check-o",
						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics",
					}
				]
			}
		},
		
		{
			module: "compliments",
			position: "lower_third",
		},
		
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "e026fcbb673efea9ee3929a062c137ec",
			}
		},
		
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				location: "Dallas",
				locationID: "4684888",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "e026fcbb673efea9ee3929a062c137ec",
			}
		},
		{
    			module: 'MMM-Stock',
    			position: 'lower_third',
    			config: {
    			companies: ['MSFT', 'GOOG', 'ORCL', 'FB'] 
    			 }
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
        
        	{
            		module: 'MMM-GoogleMapsTraffic',
            		config: {
                	key: 'AIzaSyBYRxkk4P4qB5ob506t1b5UHOBYVYntnfs',
                	lat: 37.8262306,
                	lng: -122.2920096,
                	height: '300px',
                	width: '300px',
                 },
};

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

A Former User

@zzaidi148
As I know, all the STOCK modules don’t work, because vendor API is blocked…

zzaidi148

@Sean What about the first problem I had with the Google Maps Traffic Module not loading while the rest of the mirror started up? Is it because of where I placed it in the config file?

A Former User

@zzaidi148
I’m not familiar with that module. So I don’t know exactly.
As I see, there are some syntax errors in your module config.

                {
            		module: 'MMM-GoogleMapsTraffic',
            		config: {
                	   key: 'AIzaSyBYRxkk4P4qB5ob506t1b5UHOBYVYntnfs',
                	   lat: 37.8262306,
                	   lng: -122.2920096,
                	   height: '300px',
                	   width: '300px',
                        } // I think this bracket missed.
                 },
      ] // And this also.

But I’m not sure this is the main reason of your problem.

zzaidi148

@Sean I made those changes, but my magic mirror is working but not displaying that module.

A Former User

@zzaidi148
Ok. There is no error but MMM-GoogleMapsTraffic is not shown, right?
You can try this

cd ~/MagicMirror
npm start dev

It will open your mirror with developer console something similar with this.

Then you can check there would be some errors(See the red circled X on the image) or warnings. You can find details in console tab.
And you can check your terminal log also.

If there is no suspicious point at all, but except that module everything is fine, Just that module has trouble you can not fix easily. Ask the developer directly on Github issue board.