Third Party Modules Don't Work Please Help

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

[A Former User]

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

         
>         	{
>             		module: 'MMM-GoogleMapsTraffic',
>             		config: {
>                 	key: 'AIzaSyBYRxkk4P4qB5ob506t1b5UHOBYVYntnfs',
>                 	lat: 37.8262306,
>                 	lng: -122.2920096,
>                 	height: '300px',
>                 	width: '300px',
>                  },

I’ve found what is wrong.
you should set position of this module.

module: 'MMM-GoogleMapsTraffic',
position: 'top_left', //this is missed.
config: {

manual of @vicmora has missed this.