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.

    Black screen on start up of Magic Mirror

    Scheduled Pinned Locked Moved Solved Troubleshooting
    11 Posts 3 Posters 2.4k Views 3 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.
    • S Offline
      sdetweil
      last edited by

      Or there is a problem with a config entry

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      B 1 Reply Last reply Reply Quote 0
      • B Offline
        bkrand95 @sdetweil
        last edited by

        @sdetweil
        Below is my config file (put x’s in place of all the ID’s…). I actually have my compliments module commented out so I’m not sure how that can be an issue.

        /* 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:
        	address: "0.0.0.0",
        	                      // - "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", "::ffff:192.168.1.10"], // Set [] to allow all IP addresses
        	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
        	ipWhitelist: [],                                                       // 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: "Calendar",
        			position: "top_left",
        			config: {
        				fade: false,
        				fetchInterval: 5000,
        				colored: true,
        				coloredSymbolOnly: false,
        				maximumNumberOfDays: 90,
        				calendars: [
        					{
        						symbol: "calendar-check",
        						color: "#c7ecff",
        						url: "https://calendar.google.com/calendar/xxxxxxxxxxxxxxxxxxxxxxx
        					}
        				]
        			}
        		},
        		{
        		//	module: "compliments",
        		//	position: "lower_third"
        		},
        		{
        			module: "currentweather",
        			position: "top_right",
        			config: {
        				location: "Lancaster",
        				locationID: "xxxxxxxxx",  //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
        				appid: "xxxxxxxxx",
        			}
        		},
        
        		{
        			module: "weatherforecast",
        			position: "top_right",
        			header: "Weather Forecast",
        			config: {
        				fade: false,
        				location: "Lancaster",
        				locationID: "xxxxxxxxx",  //ID from https://openweathermap.org/city
        				appid: "xxxxxxxxx"
        			}
        		},
        		{
           			 module: "MMM-Cocktails",
           			 position: "bottom_center", // Editable footprint - Fits anywhere.
           			 config: {
              				maxWidth: "400px",     // See provided .css file for full customization options
                			header: "",
            			}
        		},
            	        {
                	//module: 'MMM-Remote-Control',
                	// uncomment the following line to show the URL of the remote control on the mirror
                	//position: 'bottom_left'
                		// you can hide this module afterwards from the remote control itself
                		//config: {
                		//    apiKey: ''
                		//}
           		},
           		{
        			module: 'MMM-ModuleScheduler',
        			config: {
        				notification_schedule: [
        					// SHUTDOWN AT 07:04AM MON-FRI
        					{notification: 'REMOTE_ACTION', schedule: '04 7 * * 1-5', payload: {action: "SHUTDOWN"}},
        					// SHUTDOWN AT 11:30PM FRI & SAT
        					{notification: 'REMOTE_ACTION', schedule: '30 23 * * 5-6', payload: {action: "SHUTDOWN"}},
        					// SHUTDOWN AT 10:55PM SUN-THUR
        					{notification: 'REMOTE_ACTION', schedule: '50 22 * * SUN-THU', payload: {action: "SHUTDOWN"}}
        				]
        			}
        		},
        		{
        			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
        			}
        		},
        		{
        			disabled: true,
        			module: 'MMM-EARTH-Live',
        			position: 'bottom_center',
        			config: {
          			  height:"270px",
           			 width:"480px",
           			 useHeader: false,                // true if you want a header
           			 header: "",                      // Change in config file. useHeader must be true
           			 animationSpeed: 1000,            // fade speed
        			}
        		},
        		{
        		  module: "MMM-NowPlayingOnSpotify",
        		  position: "top_left",
        		
        		  config: {
        		    clientID: "xxxxxxxxx",
        		    clientSecret: "xxxxxxxxx",
        		    accessToken: "xxxxxxxxx",
        		    refreshToken: "xxxxxxxxx"
        		  }
        		},
        
        	]
        
        };
        
        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== "undefined") {module.exports = config;}
        
        
        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @bkrand95
          last edited by sdetweil

          @bkrand95 if u comment out a module, you must comment out the braces too,
          Not like this

          {
          //  module : "compliments"'
          //
          },
          

          That leaves an empty entry in the modules array. Thus the problem

          You can also disable a module, by adding

          disabled: true,
          

          After the module: statement without commenting anything out

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          B 1 Reply Last reply Reply Quote 2
          • B Offline
            bkrand95 @sdetweil
            last edited by

            @sdetweil Thanks for the advice, I went ahead and added the “disabled: true” line instead of commenting out the modules. I’ve seemed to have made some progress as I no longer get the black screen, but now I get the familiar message: “Please create a config file. See README for more information.” I have gotten this message before and it’s usual due to an error in my config file, although this time I really can’t find anything. Below is my current config… any errors pop out? Thanks again for all the help.

            /* 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:
            	address: "0.0.0.0",
            	                      // - "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", "::ffff:192.168.1.10"], // Set [] to allow all IP addresses
            	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
            	ipWhitelist: [],                                                       // 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: [
            
            		{
            			disabled: true,
            			module: "updatenotification",
            			position: "top_bar"
            		},
            		{
            			module: "clock",
            			position: "top_left"
            		},
            		{
            			module: "calendar",
            			header: "Calendar",
            			position: "top_left",
            			config: {
            				fade: false,
            				fetchInterval: 5000,
            				colored: true,
            				coloredSymbolOnly: false,
            				maximumNumberOfDays: 90,
            				calendars: [
            					{
            						symbol: "calendar-check",
            						color: "#c7ecff",
            						url: "xxxxx"
            					}
            				]
            			}
            		},
            		{
            			disabled: true,
            			module: "compliments",
            			position: "lower_third"
            		},
            		{
            			module: "currentweather",
            			position: "top_right",
            			config: {
            				location: "Lancaster",
            				locationID: "xxxxx",  //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
            				appid: "xxxxx",
            			}
            		},
            
            		{
            			module: "weatherforecast",
            			position: "top_right",
            			header: "Weather Forecast",
            			config: {
            				fade: false,
            				location: "Lancaster",
            				locationID: "xxxxx",  //ID from https://openweathermap.org/city
            				appid: "xxxxx"
            			}
            		},
            		{
               			 module: "MMM-Cocktails",
               			 position: "bottom_center", // Editable footprint - Fits anywhere.
               			 config: {
                  				maxWidth: "400px",     // See provided .css file for full customization options
                    			header: "",
                			}
            		},
                	        {
            			disabled: true,
                    		module: 'MMM-Remote-Control',
                    		uncomment the following line to show the URL of the remote control on the mirror
                    		position: 'bottom_left'
                    		// you can hide this module afterwards from the remote control itself
                    		config: {
                    		    apiKey: ''
                    		}
               		},
               		{
            			module: 'MMM-ModuleScheduler',
            			config: {
            				notification_schedule: [
            					// SHUTDOWN AT 07:04AM MON-FRI
            					{notification: 'REMOTE_ACTION', schedule: '04 7 * * 1-5', payload: {action: "SHUTDOWN"}},
            					// SHUTDOWN AT 11:30PM FRI & SAT
            					{notification: 'REMOTE_ACTION', schedule: '30 23 * * 5-6', payload: {action: "SHUTDOWN"}},
            					// SHUTDOWN AT 10:55PM SUN-THUR
            					{notification: 'REMOTE_ACTION', schedule: '50 22 * * SUN-THU', payload: {action: "SHUTDOWN"}}
            				]
            			}
            		},
            		{
            			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
            			}
            		},
            		{
            			disabled: true,
            			module: 'MMM-EARTH-Live',
            			position: 'bottom_center',
            			config: {
              			  height:"270px",
               			 width:"480px",
               			 useHeader: false,                // true if you want a header
               			 header: "",                      // Change in config file. useHeader must be true
               			 animationSpeed: 1000,            // fade speed
            			}
            		},
            		{
            		  module: "MMM-NowPlayingOnSpotify",
            		  position: "top_left",
            		  config: {
            		    clientID: "xxxxx",
            		    clientSecret: "xxxxx",
            		    accessToken: "xxxxx",
            		    refreshToken: "xxxxx"
            		  }
            		},
            	]
            };
            
            O 1 Reply Last reply Reply Quote 0
            • O Offline
              OldSunGuy @bkrand95
              last edited by OldSunGuy

              @bkrand95 said in Black screen on start up of Magic Mirror:

              module: ‘MMM-Remote-Control’,
              uncomment the following line to show the URL of the remote control on the mirror
              position: ‘bottom_left’

              The line after MMM-Remote-Control should be a comment,
              and there should be a comma after the ‘bottom_left’.

              1 Reply Last reply Reply Quote 1
              • S Offline
                sdetweil
                last edited by

                And this line will need a trailing comma

                position: 'bottom_left'
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • B Offline
                  bkrand95
                  last edited by

                  Excellent, that was the fix! Thank you both so much for your help, marking as solved.

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 1 / 2
                  • 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