Magic Mirror 2 Modul Anzeigeproblem

westpole · Sep 18, 2023, 2:43 PM

Hi

Bevor ich mit meiner Frage starte, erstmal die Hardware:

Pi 3b+
Original 7 Zoll Touchscreen plus Gehäuse
Hängt am Kabel
Aktuelle MM2 Version: 2.24.0

Folgendes Problem habe ich:

Derzeit sieht mein MM2 so aus wie im Anhang. Ich möchte aber als Forecast dieses Modul nutzen. Meine aktuelle config sieht so aus:

/* 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
 *
 * 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: "de",
    locale: "de-DE",
    logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
    timeFormat: 24,
    units: "metric",

    modules: [
        {
            module: "updatenotification",
            position: "top_bar"
        },
        {
            module: "MMM-OpenmapWeather",
                position: "top_left",    // This can be any of the regions. Best results in left or right regions.
                header: "Current Weather", //Location is the default value if header is empty or not defined.
                config: {  // See 'Configuration options' for more information.
                    location: "Hannover",
                    locationID: "xxxxxx", //Location ID from http://openweathermap.org/help/city_list.txt
                    appid: "xxxxxx",  //openweathermap.org API key
                          colorIcon: true
            }
        },
        {
            module: "weather",
            position: "top_right",
            header: "Weather Forecast",
            config: {
                weatherProvider: "openweathermap",
                    type: "forecast",
                location: "Hannover",
                locationID: "xxxxx", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                apiKey: "xxxxxxxxxxxxx"
            }
        },
        {
            module: "helloworld",
                position: "bottom_bar", // This can be any of the regions.
                config: {  // See 'Configuration options' for more information.
                      text: "<div class='big'>Have a nice loveley day :)</div>",
            }
        },
    ]
};

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

Das funktioniert soweit auch. Wenn ich aber die config mit dem gewollten Modul ändere…

/* 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
 *
 * 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: "de",
    locale: "de-DE",
    logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
    timeFormat: 24,
    units: "metric",

    modules: [
        {
            module: "updatenotification",
            position: "top_bar"
        },
        {
            module: "MMM-OpenmapWeather",
                position: "top_left",    // This can be any of the regions. Best results in left or right regions.
                header: "Current Weather", //Location is the default value if header is empty or not defined.
                config: {  // See 'Configuration options' for more information.
                    location: "Hannover",
                    locationID: "xxxxx", //Location ID from http://openweathermap.org/help/city_list.txt
                    appid: "xxxxxxx",  //openweathermap.org API key
                          colorIcon: true
            }
        },
        {
            module: "MMM-OpenWeatherMapForecast",
                header: "Weather",
                position: "top_right",
                classes: "default everyone",
                disabled: false,
                config: {
                apikey: "xxxxxxx",
                latitude: "xxxxx",
                longitude: "xxxxx",      
                iconset: "4c",
                concise: false,
                forecastLayout: "table"
            }
        },
        {
            module: "helloworld",
                position: "bottom_bar", // This can be any of the regions.
                config: {  // See 'Configuration options' for more information.
                      text: "<div class='big'>Have a nice loveley day :)</div>",
            }
        },
    ]
};

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

… hat es leider den Effekt, dass die Vorhersage auf der gewollt rechten Seite des Display nicht angezeigt wird. Überhaupt wird nirgends das Modul angezeigt, selbst wenn ich die Position ändere. Angezeigt wird nur das aktuelle Wetter Modul und das Hello World Modul.

Hat jemand eine Idee woran es liegen kann? Hoffe ich habe sämtliche Infos zur Verfügung gestellt :)

lavolp3 · Sep 19, 2023, 6:45 AM

@westpole Hallo westpole,

entweder das Modul wird verdeckt (das würde ich testen, indem ich die anderen Module deaktiviere)
oder es gibt einen Fehler sodass das Modul nicht angezeigt wird.

Ich gehe davon aus, dass du bei latitude/longitude und apikey entsprechende Werte eingegeben hast?
Ich habe in meiner Signatur eine Beschreibung wie man Troubleshooting machen kann.
Vielleicht schaust du dir die mal an.

Kurzversion davon: Am besten den Mirror in einem Browser öffnen, Developer Tools aufmachen (F12), in der Console nach Fehlern schauen, hier posten.

westpole · Sep 20, 2023, 8:23 AM

Hi

Danke für deine Antwort. Da geht das Problem wohl schon los: Ich kann den MM per Browser nicht öffnen. Es wird immer ein DNS_PROBE_FINISHED_NXDOMAIN angezeigt. Die Werte habe ich entsprechend eingetragen. Wie kann ich denn ein Modul deaktivieren?

lavolp3 · Sep 20, 2023, 8:25 AM

@westpole said in Magic Mirror 2 Modul Anzeigeproblem:

Hi

Danke für deine Antwort. Da geht das Problem wohl schon los: Ich kann den MM per Browser nicht öffnen. Es wird immer ein DNS_PROBE_FINISHED_NXDOMAIN angezeigt. Die Werte habe ich entsprechend eingetragen.

Vielleicht ein Problem des DNS Servers? Ich kann z.B. oft nicht per browser magicmirror:8080 ansprechen sondern muss die IP-Adresse direkt ansprechen, also:

http://192.168.1.53:8080

Warum das so ist weiß ich auch nicht.
Denk dran den Port (:8080 ist bei MagicMirror Standard) immer mit an die Adresse zu setzen.

Wie kann ich denn ein Modul deaktivieren?

Indem du in der config.js in die Eigenschaften des Moduls

disabled: true;

schreibst.
Also z.B.

{
    module: "MMM-Somemodule",
    disabled: true,
    config: {
        ....
    }
}

westpole · Sep 20, 2023, 11:11 AM

Nun…wer lesen kann ist klar im Vorteil. Hab vergessen das Modul im entsprechenden Ordner zu installieren. Gemacht, getan und nun läuft es. Sorry für die Verwirrung, aber danke für deine Hilfe!

westpole · Sep 20, 2023, 5:20 PM

2 Fragen hätte ich dennoch dazu:

Lassen sich die Forecast Icons in der erst genannten config (“Module: weather”) soweit ändern, dass sie farbig dargestellt werden können? Und die “Helloworld” Schrift ist mir eindeutig zu klein auf dem Display. Läßt sich dieses ebenfalls ändern?