MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM Modules not loading

    Scheduled Pinned Locked Moved Utilities
    3 Posts 2 Posters 326 Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C Offline
      cwong79
      last edited by

      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
      									 },
      
      					}
      			}
      	]
      };
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @cwong79
        last edited by

        @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

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        C 1 Reply Last reply Reply Quote 0
        • C Offline
          cwong79 @sdetweil
          last edited by

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

          1 Reply Last reply Reply Quote 1
          • 1 / 1
          • First post
            Last post
          Enjoying MagicMirror? Please consider a donation!
          MagicMirror created by Michael Teeuw.
          Forum managed by Sam, technical setup by Karsten.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy