Weird big bar when starting MM

[Tomsi05]

First of all, thank you for publishing that module. I've searched a long time to find it, but it seems to be exactly what I need.

I got a relais connected to Pin 11 (GPIO17) on my RaspberryPi 4. I only want it to toggle state after a notification. The problem is, when I start the MagicMirror, a weird bar appears in the middle and the background blurs (picture). When I delete the module part in config, it starts normally.

Do you have any idea what the problem is? Thanks a lot!

here is my config, the GPIO-HANDLER part is at the bottom.

`/ Config Sample

• 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
• You can use environment variables using a config.js.template file instead of config.js
• which will be converted to config.js while starting. For more information

• see https://docs.magicmirror.builders/configuration/introduction.html#enviromnent-variables */ 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",

  modules: [ { module: "alert", }, { module: "updatenotification", position: "top_bar" }, { module: "clock", position: "top_left",

  },
  {
      module: "calendar",
      header: "Kalender",
      position: "top_left",
      config: {
          calendars: [
              {
                  fetchInterval: 7 * 24 * 60 * 60 * 1000,
                  symbol: "calendar-check",
                  url: xxx
              }
          ]
      }
  },
  {
      module: "weather",
      position: "top_right",
      config: {
          weatherProvider: "openweathermap",
          type: "current",
          location: "xxx",
          locationID: "xxx", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          apiKey: "xxx",
          lang: "de",
          showWindDirection: "false",
          showHumidity: "wind",
          showSun: false,
          showFeelsLike: false
      }
  },
  {
      module: "weather",
      position: "top_right",
      header: "Weather Forecast",
      config: {
          weatherProvider: "openweathermap",
          type: "forecast",
          location: "xxx",
          locationID: "xxx", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          apiKey: "xxx"
      }
  },
  {
        module: 'MMM-SmartTouch', 
        position: 'bottom_center',    // This can be any of the regions.(bottom-center Recommended)
        config:{ 
          // None configuration options defined 
        }
  },
  {
      module: "newsfeed",
      position: "bottom_bar",
      config: {
          feeds: [
              {
                  title: "Tagesschau",
                  url: "https://www.tagesschau.de/index~rss2.xml"
              }
          ],
          showSourceTitle: true,
          showPublishDate: true,
          broadcastNewsFeeds: true,
          broadcastNewsUpdates: true
      }
  },
  {
      module: "MMM-MoonPhase",
      position: "top_center",
      config: {
          updateInterval: 43200000,
          hemisphere: "N",
          resolution: "detailed",
          title: false,
          phase: false,
                  size: 200,
          moonAlign: "center",
                  textAlign: "center",
          alpha: 0.7,
                  riseAndSet: {
                      display: false,
                      lon: -80.0,
                      lat: 40.0,
                      gmtOffset: -3.0
                  }
      }
  },
  {
      module: "MMM-Spotify",
      position: "bottom_left", // "bottom_bar" or "top_bar" for miniBar
      config: {
          debug: false, // debug mode
          style: "default", // "default" or "mini" available (inactive for miniBar)
          moduleWidth: 360, // width of the module in px
          control: "default", // "default" or "hidden"
          showAlbumLabel: true, // if you want to show the label for the current song album
          showVolumeLabel: true, // if you want to show the label for the current volume
          showAccountName: false, // also show the current account name in the device label; usefull for multi account setup
          showAccountButton: true, // if you want to show the "switch account" control button
          showDeviceButton: true, // if you want to show the "switch device" control button
          useExternalModal: false, // if you want to use MMM-Modal for account and device popup selection instead of the build-in one (which is restricted to the album image size)
          updateInterval: 1000, // update interval when playing
          idleInterval: 30000, // update interval on idle
          defaultAccount: 0, // default account number, attention : 0 is the first account
          defaultDevice: null, // optional - if you want the "SPOTIFY_PLAY" notification to also work from "idle" status, you have to define your default device here (by name)
          allowDevices: [], //If you want to limit devices to display info, use this. f.e. allowDevices: ["RASPOTIFY", "My Home speaker"],
          onStart: null, // disable onStart feature with `null`
          // if you want to send custom notifications when suspending the module, f.e. switch MMM-Touch to a different "mode"
          notificationsOnSuspend: [
              {
              notification: "TOUCH_SET_MODE",
              payload: "myNormalMode",
              },
              {
              notification: "WHATEVERYOUWANT",
              payload: "sendMe",
              }
          ],
              // if you want to send custom notifications when resuming the module, f.e. switch MMM-Touch to a different "mode"
          notificationsOnResume: [
              {
              notification: "TOUCH_SET_MODE",
              payload: "mySpotifyControlMode",
              },
          ],
          deviceDisplay: "Listening on", // text to display in the device block (default style only)
          volumeSteps: 5, // in percent, the steps you want to increase or decrese volume when reacting on the "SPOTIFY_VOLUME_{UP,DOWN}" notifications
          // miniBar is no longer supported, use at your own "risk". Will be removed in a future version
          miniBarConfig: {
              album: true, // display Album name in miniBar style
              scroll: true, // scroll title / artist / album in miniBar style
              logo: true, // display Spotify logo in miniBar style
          }
      }
  },
  {
      module: 'MMM-Screencast',
      position: 'bottom_right', // This position is for a hidden <div /> and not the screencast window
      config: {
          position: 'bottomRight',
          height: 300,
          width: 500,
          castName: 'SpiegelRasp',
          port: 8569,
          }
      },
  {
      module: 'MMM-Cursor',
      config: {
          // See 'Configuration options' for more information.
      }
  },
  {
      module: "MMM-Modulebar",
      position: "bottom_bar", // This can be any of the regions.
      classes: "default everyone", // Optional
      config: {
              buttons: {
              "1": {
                  module: "all",
                  symbol: "fa-regular fa-power-off",
              },
              "2": {
                  module: "weather",
                  symbol: "fa-regular fa-sun",
              },
              "4": {
                  module: "clock",
                  symbol: "fa-regular fa-clock",
              },
              "6": {
                  module: "calendar",
                  symbol: "fa-regular fa-calendar",
              },
              "8": {
                  module: "newsfeed",
                  symbol: "fa-regular fa-newspaper",
              },
              "10": {
                  module: "MMM-Screencast",
                  symbol: "fa-regular fa-tv",
              },
              "12": {
                  module: "MMM-MoonPhase",
                  symbol: "fa-regular fa-moon",
              },
          }
          }
  },
  {
      module: "MMM-TouchButton",
      position: "bottom_right",
      config: {
              buttons: [
              {
                  name: "LED-TOGGLE",
                  icon: "fa-lightbulb-o",
                  notification: "Led-toggle",
              }
              ]
      },
  },
  {
      module: "MMM-GPIO-HANDLER",
      config: {
          debounce: 10000,
          output: {
              "11": {
                  type: "On/Off",
                  name: "Led-toggle",
                  default_state: 0
              }
          }
      }
  },

  ] };

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

[Tomsi05]

Any ideas? Would help me a lot

[Sjohn21]

Apologies, for some reason I didn't get a notification! If you still need help, do you see anything in the logs? If so please post the log file

[Kannix2005]

Hey, I have the same bar with the newest version of MM.

[2024-10-07 15:34:13.219] [LOG] MMM-GPIO-HANDLER: Registering output pin: 23 for Heater [2024-10-07 15:34:13.222] [LOG] MMM-GPIO-HANDLER: Registering output pin: 24 for Ledstrip warm [2024-10-07 15:34:13.223] [LOG] MMM-GPIO-HANDLER: Registering output pin: 25 for Ledstrip cool [2024-10-07 15:34:13.224] [LOG] MMM-GPIO-HANDLER: All pins in configuration are registered.

Everything gets registered successfully but the bar does not disappear.

[Kannix2005]

Seems to be an alert:

[Sjohn21]

@Kannix2005. Which way do you start the magicmirror? using npm or pm2? Could you provide the config file and the complete logs?