updateDom() blocks MagicMirror

[1BlauNitrox]

@sdetweil I changed getDom() to this:

getDom: function() {
        const wrapper = document.createElement("div");
        if(response.lenght <= 0) {
            wrapper.innerHTML = "No Entries";
        } else {
            wrapper.innerHTML = this.response;
        }
        return wrapper;
	},

There is a check if the array has any entries.

But the mirror shows “undefined”

[sdetweil]

@1blaunitrox said in updateDom() blocks MagicMirror:

if(response.lenght <= 0) {

this.response.length

always gotta use this.

unless u created the variable INSIDE the routine using it…

use the debugger

[1BlauNitrox]

@sdetweil

Not exectly what I wanted :joy:
Why can getDom() not transfrom the array in a readable string?

[sdetweil]

@1blaunitrox yes, this.response is an object

        this.response = {
            "name": "Test",
            "entries": {
                "lessions": "Teacher Subject Room representation"
            }
        };

html doesn’t know objects

[1BlauNitrox]

@sdetweil Is there a Json parser I can use?

[sdetweil]

@1blaunitrox said in updateDom() blocks MagicMirror:

Why can getDom() not transfrom the array in a readable string?

getDom() CAN do anythign YOU implement… it does NOTHING by itself…

[sdetweil]

@sdetweil JSON.parse, JSON. stringify

u have an object so, stringify turns it into text
parse takes text and makes an object

[1BlauNitrox]

@sdetweil What about JSON.stringify(this.response);

[sdetweil]

@1blaunitrox that would work

but it will be the JSON text representation of the object

all fields and values

[1BlauNitrox]

@sdetweil
First: Is there an other option?

Second: I added the getData() function in getDom()

        const wrapper = document.createElement("div");
        this.getData();
        if(this.response.lenght <= 0) {
            wrapper.innerHTML = "No Entries";
        } else {
            wrapper.innerHTML = JSON.stringify(this.response);
        }
        return wrapper;

Now the mirror show UNDEFINED again

[sdetweil]

@1blaunitrox length

spelling matters…

use the debugger

[sdetweil]

@1blaunitrox this.getData() is not synchronous, so it will return long before the data is ready

don’t call from getDom()

[sdetweil]

see the doc

https://docs.magicmirror.builders/development/introduction.html#module-structure

https://docs.magicmirror.builders/development/core-module-file.html#subclassable-module-methods
notificationReceived in particular

[1BlauNitrox]

@sdetweil Do you remember my problem yesteray that my magic mirror doesn`t start? I started the program today in the morning. Without doing anythink since yesterday evening, the same error occurs.

The only think I change was that I renamed lenght to length. Than I deleted the module module and copyed the new one.

old post: https://forum.magicmirror.builders/topic/16233/error-while-starting-magic-mirror/29

[sdetweil]

@1blaunitrox I need to see the messages output by npm start

if you use pm2, then pm2 logs --lines=50

also maybe info from the developers window, ctrl-shift-i on the keyboard and select the console tab and scroll up to see any errors red text

[1BlauNitrox]

@sdetweil
Here is the .pm2/logs/MagicMirror-error.log
https://haste.lyrotopia.net/equzexapal.js
Its always the same error

Here is the .pm2/logs/MagicMirror-out.log
https://haste.lyrotopia.net/mosubanoro.css

[sdetweil]

@1blaunitrox ok, weird…

npm -v
node -v

which user is pm2 installed on?

pm2 info 0

[1BlauNitrox]

@sdetweil

[sdetweil]

@1blaunitrox ok, do this

pm2 stop all
pm2 delete 0
pm2 save

the run my fixuppm2.sh script from here
https://github.com/sdetweil/MagicMirror_scripts

[1BlauNitrox]

@sdetweil I installed the software again. Now it works, but I think I will see this error soon again.
btw: I wrote an issues on git: https://github.com/MichMich/MagicMirror/issues/2793