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