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-CTA black screen after installation

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    4 Posts 2 Posters 785 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.
    • H Offline
      ht3
      last edited by

      I’ve only installed this module, and I’ve configured it how I was supposed to, but whenever I try to start magicmirror I just get a black screen.

      72106bde-f983-4e70-af0b-9cab68bb11b7-image.png

      and here is what the config looks like.

      a9dd3a52-bf7f-47e7-a8c6-24ca3cad10e1-image.png

      Appreciate any help!

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

        @ht3 can u show the top of config.js?

        also this mta module is missing a library, request

        see this https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later

        but there is another problem before that

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        H 1 Reply Last reply Reply Quote 0
        • H Offline
          ht3 @sdetweil
          last edited by

          @sdetweil sure thing. I’ll post the whole thing.

          c/* MagicMirror² Config Sample
           *
           * By Michael Teeuw https://michaelteeuw.nl
           * MIT Licensed.
           *
           * For more information on how you can configure this file
           * see https://docs.magicmirror.builders/configuration/introduction.html
           * and https://docs.magicmirror.builders/modules/configuration.html
           */
          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: 24,
          	units: "metric",
          	// 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"
          		},
          		{
          			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: "compliments",
          			position: "lower_third"
          		},
          		{
          			module: "weather",
          			position: "top_right",
          			config: {
          				weatherProvider: "openweathermap",
          				type: "current",
          				location: "New York",
          				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				apiKey: "YOUR_OPENWEATHER_API_KEY"
          			}
          		},
          		{
          			module: "weather",
          			position: "top_right",
          			header: "Weather Forecast",
          			config: {
          				weatherProvider: "openweathermap",
          				type: "forecast",
          				location: "New York",
          				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				apiKey: "YOUR_OPENWEATHER_API_KEY"
          			}
          		},
          		{
          			module: "newsfeed",
          			position: "bottom_bar",
          			config: {
          				feeds: [
          					{
          						title: "New York Times",
          						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
          					}
          				],
          				showSourceTitle: true,
          				showPublishDate: true,
          				broadcastNewsFeeds: true,
          				broadcastNewsUpdates: true
          			}
          		},
          
          		{
          			module: 'MMM-CTA',
          			position: 'bottom_left',
          			config: {
          				updateTime: 60000, // 1 minute, the API does not update much more often so going below this is unnecessary
          				//ctaApiKey: 'you-bus-APIkey',
          				//busStopName: '',  // String value, Name your bus stop
          				//stopId: 561, // Bus station ID: Chicago and Milwaukee example; go to http://www.transitchicago.com/riding_cta/systemguide/default.aspx to find your stop ID
          				//maxResult: 4,  // The maximum number of incoming bussesy you want to display for bus stops
          				ctaApiKeyTrain: 'key',
          				trainStopName: 'Central Park',  //String value, name your train stop
          				trainStationID: 40780, //Train station ID:  Chicago Blue line example; http://www.transitchicago.com/developers/ttdocs/default.aspx#_Toc296199909
          				maxResultTrain: 5, // Max number of incoming trains to disply
          				moduleInstance: 1, // To run multiple instances of this module
          			}
          		},
          	]
          };
          
          S 1 Reply Last reply Reply Quote 1
          • S Offline
            sdetweil @ht3
            last edited by

            @ht3 said in MMM-CTA black screen after installation:

            c/* MagicMirror²

            only need the first line. that nasty little c as the 1st character… please remove that

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            • 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