MMM Modules not loading

[cwong79]

I am new to MagicMirror. I have downloaded 3 modules to utilize in my config.js. They are not loading and I cannot figure out why. I have attempted to fix it on my own but to no avail. What am I doing incorrectly for it not to load? All the prebuilt modules are working fine. Any clues to get me debugging this? Thank you.

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: 8080,
	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: 12,
	units: "imperial",
	// 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",
			config: {
				timeFormat: "12",
				timezone: "America/New_York" 
			}
		},
		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check",
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
					}
				]
			}
		},
		{
			module: "weather",
			position: "top_right",
			header: "Weather Forecast", 
			config: {
				weatherProvider: "openweathermap",
				type: "forecast",
				location: "Fort Lauderdale",
				units: "imperial",
				locationID: "4155966", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				apiKey: "xxxx"
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "CNN",
						url: "http://rss.cnn.com/rss/cnn_latest.rss"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
		{
			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-PNews",
			position: "bottom_bar",
			config: {
				key: "xxxx",
				maxWidth: "100%",
				//newsSource: "the-wall-street-journal",
				//newsSource: "reuters",
				newsSource: "techradar"
			}
		},
		{
			module: "MMM-RAIN-MAP",
			position: "bottom_right",
			config: {
				animationSpeedMs: 400,
				colorScheme: 2,
				colorizeTime: true,
				defaultZoomLevel: 8,
				displayTime: true,
				displayTimeline: true,
				displayClockSymbol: true,
				displayOnlyOnRain: false,
				extraDelayLastFrameMs: 1000,
				extraDelayCurrentFrameMs: 3000,
				markers: [
					{ lat: 26.143, lng: -80.128, color: "red" },
					{ lat: 26.12, lng: -80.13, color: "green" },
				],
				mapPositions: [
					{ lat: 26.143, lng: -80.128, zoom: 9, loops: 1 },
					{ lat: 26.143, lng: -80.128, zoom: 6, loops: 2 },
					{ lat: 26.12, lng: -80.13, zoom: 5, loops: 2 },
					{ lat: 26.109, lng: -80.233, zoom: 3, loops: 2 },
				],
				mapUrl: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
				mapHeight: "420px", // must be a pixel value (no percent)
				mapWidth: "420px", // must be a pixel value (no percent)
				maxHistoryFrames: -1,
				maxForecastFrames: -1,
				substitudeModules: [],
				updateIntervalInSeconds: 300
			}
		},
		{
			module: "MMM-OpenWeatherForecast",
			position: "top_right",
			header: "Forecast",
			config: {
						apikey: "xxxx", //SUPER SECRET
						latitude: 26.124161,
						longitude: -80.143593,
						units: "imperial",
						iconset: "3c",
						colored: true,
						concise: true,
						requestDelay: "2000",
						showFeelsLikeTemp: true,
						showCurrentConditions: true,
						showSummary: true,
						showExtraCurrentConditions: true,
						extraCurrentConditions: {
													highLowTemp: true,
													precipitation: true,
													sunrise: true,
													sunset: true,
													wind: true,
													barometricPressure: false,
													humidity: true,
													dewPoint: false,
													uvIndex: true,
													visibility: false
						},
						forecastLayout: "table",
						forecastHeaderText: "",
						hourlyForecastTableHeaderText: "By the hour",
						showHourlyForecast: true,
						showHourlyTableHeaderRow: true,
						hourlyForecastInterval: 1,
						maxHourliesToShow: 10,
						hourlyExtras: {
											precipitation: true,
											wind: true,
											barometricPressure: false,
											humidity: false,
											dewPoint: false,
											uvIndex: false,
											visibility: false
						    		  },
						dailyForecastTableHeaderText: "Throughout the week",
						showDailyForecast: true,
						showDailyTableHeaderRow: true,
						maxDailiesToShow: 5,
						dailyExtras: {
										precipitation: true,
										sunrise: false,
										sunset: false,
										wind: true,
										barometricPressure: false,
										humidity: false,
										dewPoint: false,
										uvIndex: false
									 },

					}
			}
	]
};

[sdetweil]

@cwong79 where did u install them?

see the topics in my signature below

also, see theessages where u start mm
either with

npm start

or

pm2 logs
of using pm 2

[cwong79]

@sdetweil Thank for the links. It really helped. My issue was not installing the modules within the modules folder. I reinstalled MagicMirror entirely as the program was acting buggy when I manually deleted the folders. Thank you!