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-RemoteCompliments-Black Screen

    Scheduled Pinned Locked Moved Troubleshooting
    13 Posts 3 Posters 1.9k 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 @shagtimetim
      last edited by

      @shagtimetim but the black screen has a cause. show us the messages.

      didu run npm install in the new module folders if the instructions said to? were there any errors?
      did u do one module at a time, or throw it all in at once.

      so, messages from npm start window please

      npm start >somefile

      wait, black screen
      alt-spacebar, n
      ctrl-c in npm start window

      show contents of somefile

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil Yes, I installed the modules individually and as directed. The APIs and all other things loaded successfully. I really think I am just confused with the simplicity of the config. At least I hope that is all:

        magicmirror@2.14.0 start /home/pi/MagicMirror
        DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js “run”

        [27.01.2021 16:28.28.299] [LOG] Starting MagicMirror: v2.14.0
        [27.01.2021 16:28.28.305] [LOG] Loading config …
        [27.01.2021 16:28.28.310] [LOG] Loading module helpers …
        [27.01.2021 16:28.29.760] [LOG] Initializing new module helper …
        [27.01.2021 16:28.29.762] [LOG] Module helper loaded: MMM-RemoteCompliments
        [27.01.2021 16:28.29.764] [LOG] All module helpers loaded.
        [27.01.2021 16:28.29.845] [LOG] Starting server on port 8080 …
        [27.01.2021 16:28.29.859] [LOG] Server started …
        [27.01.2021 16:28.29.861] [LOG] Connecting socket for: MMM-RemoteCompliments
        [27.01.2021 16:28.29.863] [LOG] Starting node helper for: MMM-RemoteCompliments
        [27.01.2021 16:28.29.864] [LOG] Sockets connected & modules started …
        [27.01.2021 16:28.30.157] [LOG] Launching application.
        [27.01.2021 16:28.30.190] [WARN] (electron) The default value of app.allowRendererProcessReuse is deprecated, it is currently “false”. It will change to be “true” in Electron 9. For more information please check https://github.com/electron/electron/issues/18397
        ^C

        Inserted this at the bottom but above the line of the config.js. I have tried inserting it highter without the var config liine with no success

        var config = {
        modules: [
        {
        module: “MMM-RemoteCompliments”,
        header: “MMM-RemoteCompliments”,
        config: {
        // See below for configurable options
        }
        }
        ]
        }

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

          /* Magic Mirror Config Sample
           *
           * By Michael Teeuw https://michaelteeuw.nl
           * MIT Licensed.
           *
           * For more information on how you can configure this file
           * See https://github.com/MichMich/MagicMirror#configuration
           *
           */
          
          var 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: ["xxx", "::ffff:1xxx", "::1"], 	// Set [] to allow all IP addresses
          															// or add a specific IPv4 of 1xx5 :
          															// ["xx", "::ffff:1xxx1", "::1", "::ffff:192.168.1.5"],
          															// or IPv4 range of 1xx0 --> 1xx use CIDR format :
          															// ["1xx1", "::ffff:1xx.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",
          	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"
          		},
          		{
          			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: "currentweather",
          			position: "top_right",
          			config: {
          				location: "Liberty",
          				locationID: "xx", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				appid: "1xx"
          			}
          		},
          		{
          			module: "weatherforecast",
          			position: "top_right",
          			header: "Weather Forecast",
          			config: {
          				location: "Lxxy",
          				locationID: "4xxx", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				appid: "xxx"
          			}
          		},
                          {
          			module: "newsfeed",
          			position: "bottom_bar",
          			config: {
          				feeds: [
          					{
          						title: "Fox News - National",
          						url: "http://feeds.foxnews.com/foxnews/national"
          					},
                                                  {
                                                          title: "Fox News - Latest",
                                                          url: "http://feeds.foxnews.com/foxnews/latest"
                                                  },
                                                  {
                                                          title: "ESPN - Headlines",
                                                          url: "https://www.espn.com/espn/rss/news",
                                                  },
          				],
          				showSourceTitle: true,
          				showPublishDate: true,
          				broadcastNewsFeeds: true,
          				broadcastNewsUpdates: true
          			}
                          },
          {
              module: "MMM-awesome-alexa",
              position: "bottom_bar",
              config: {
                  wakeWord: "Smart Mirror",
                  clientId: "xxxf",
                  clientSecret: "xxx",
                  deviceId: "xxxr",
                  refreshToken: "xxx",
                  lite: true,
                  isSpeechVisualizationEnabled: true
              }
          }
          	]
          };
          var config = {
              modules: [
                  {
                      module: "MMM-RemoteCompliments",
                      header: "MMM-RemoteCompliments",
                      config: {
                          // See below for configurable options
                      }
                  }
              ]
          }
          
          /*************** DO NOT EDIT THE LINE BELOW ***************/
          if (typeof module !== "undefined") {module.exports = config;}
          
          1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil
            last edited by sdetweil

            @shagtimetim said in MMM-RemoteCompliments-Black Screen:

            isSpeechVisualizationEnabled: true
            }
            }
            ]
            };
            var config = {
            modules: [
            {
            module: “MMM-RemoteCompliments”,

            what is that mess? there is only one config={ and one modules array

            please see the links in my signature below on adding modules and making a config file

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @sdetweil This is why I am glad you are the expert. Hopefully, I can return the favor one day. I will check out your links. Thank you Sam!

              1 Reply Last reply Reply Quote 0
              • S Offline
                shagtimetim
                last edited by

                For other newbies reading this thread, the links beneath Sam’s name are priceless. However, degrading banter is not helpful on anyone’s thread including this one. That being said, I simply added a “},” also known in my world as a closed bracket with a comma beneath my AwesomeAlexa module. That solve my issue of the black screen. I am now getting a known issue related to the Electron of which there is help located on github. I may need additional assistance with this error, but even a newbie of two weeks can do some incredible things with the platform Mitch and others have willingly provided us

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  shagtimetim
                  last edited by

                  https://github.com/electron/electron/issues/1839

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

                    @shagtimetim i dont see how you can fix that with a },

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil Feel free to give it a shot. replace the XXX fields with your personal info:
                      /* Magic Mirror Config Sample
                      *

                      • By Michael Teeuw https://michaelteeuw.nl
                      • MIT Licensed.
                      • For more information on how you can configure this file
                      • See https://github.com/MichMich/MagicMirror#configuration

                      */

                      var 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",
                      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"
                      	},
                      	{
                      		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: "currentweather",
                      		position: "top_right",
                      		config: {
                      			location: "XXX",
                      			locationID: "XXX", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                      			appid: "XXX"
                      		}
                      	},
                      	{
                      		module: "weatherforecast",
                      		position: "top_right",
                      		header: "Weather Forecast",
                      		config: {
                      			location: "XXX",
                      			locationID: "XXX", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                      			appid: "XXX"
                      		}
                      	},
                                  {
                      		module: "newsfeed",
                      		position: "bottom_bar",
                      		config: {
                      			feeds: [
                      				{
                      					title: "Fox News - National",
                      					url: "http://feeds.foxnews.com/foxnews/national"
                      				},
                                                          {
                                                                  title: "Fox News - Latest",
                                                                  url: "http://feeds.foxnews.com/foxnews/latest"
                                                          },
                                                          {
                                                                  title: "ESPN - Headlines",
                                                                  url: "https://www.espn.com/espn/rss/news",
                                                          },
                      			],
                      			showSourceTitle: true,
                      			showPublishDate: true,
                      			broadcastNewsFeeds: true,
                      			broadcastNewsUpdates: true
                      		}
                                  },
                      

                      {
                      module: “MMM-awesome-alexa”,
                      position: “bottom_bar”,
                      config: {
                      wakeWord: “Smart Mirror”,
                      clientId: “XXX”,
                      clientSecret: “XXX”,
                      deviceId: “XXX”,
                      refreshToken: “XXX”,
                      lite: true,
                      isSpeechVisualizationEnabled: true
                      }
                      },
                      {
                      module: “MMM-RemoteCompliments”,
                      header: “MMM-RemoteCompliments”,
                      config: {
                      // See below for configurable options
                      }
                      }
                      ]
                      };

                      /*************** DO NOT EDIT THE LINE BELOW ***************/
                      if (typeof module !== “undefined”) {module.exports = config;}

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