<![CDATA[updateDom() blocks MagicMirror]]>Hey,

I am developing my own first module. Therefore I looked at some other modules and in the dev documentation.

This is what I have right now:

Module.register("MMM-VPlan", {
	defaults: {
		fadeSpeed: 2,
                username: "",
                password: ""
	},

	getStyles: function() {
        return ["MMM-Plan.css"];
	},

    start: function() {
		Log.log("Starting module: " + this.name);
		
        this.response = {
            "name": "Test",
            "entries": {
                "lessions": "Teacher Subject Room representation"
            }
        };

		//this.getData();
        updateDom();
	},

	getDom: function() {
        const wrapper = document.createElement("div");
        wrapper.innerHTML = response;
        return wrapper;
	},

    getData: function () {
        const request = new XMLHttpRequest();
        request.open('GET', 'http://localhost/vplan/' + username + '/' + password + '/today', true);
        request.onreadystatechange = () => {
          if (request.readyState != 4) {
            return;
          };
    
          if (request.status === 200) {
            this.response = JSON.parse(request.response);
            this.updateDom();
          } else {
            Log.error(`${this.name}: Could not load data`);
          }
    
          setTimeout(() => this.getData(), this.config.updateIntervalMs);
        };
        request.send();
      },
})

The getData() function is not in use.

My problem is the getDom() function. If I call updateDom() in the start method, the mirror shows only a black screen without any content. Even the other modules aren`t visible.
If I delete updateDom() in the start methode, the mirror shows all modules. But my module returns undefined:

Undefined.PNG

]]>https://forum.magicmirror.builders/topic/16235/updatedom-blocks-magicmirrorRSS for NodeSun, 10 May 2026 09:14:45 GMTFri, 21 Jan 2022 19:04:03 GMT60<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:44:03 GMT]]>@1blaunitrox said in updateDom() blocks MagicMirror:

I installed the software like in the docs show.

my script fixes little odds and ends not covered by the doc

]]>https://forum.magicmirror.builders/post/98875https://forum.magicmirror.builders/post/98875Sat, 22 Jan 2022 15:44:03 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:44:33 GMT]]>@1blaunitrox said in updateDom() blocks MagicMirror:

So I haven`t installed pm2

the fixuppm2 installs it if needed

but u had it installed cause you used it to launch MM…

]]>https://forum.magicmirror.builders/post/98874https://forum.magicmirror.builders/post/98874Sat, 22 Jan 2022 15:44:33 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:41:29 GMT]]>@sdetweil I installed the software like in the docs show. So I haven`t installed pm2

]]>https://forum.magicmirror.builders/post/98873https://forum.magicmirror.builders/post/98873Sat, 22 Jan 2022 15:41:29 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:36:24 GMT]]>@1blaunitrox i saw the git issue

can u do pm2 info MagicMirror
again

]]>https://forum.magicmirror.builders/post/98871https://forum.magicmirror.builders/post/98871Sat, 22 Jan 2022 15:36:24 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:28:54 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98870https://forum.magicmirror.builders/post/98870Sat, 22 Jan 2022 15:28:54 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 15:17:25 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98868https://forum.magicmirror.builders/post/98868Sat, 22 Jan 2022 15:17:25 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 14:35:18 GMT]]>@sdetweil

pm2 info.PNG

-v.PNG

]]>https://forum.magicmirror.builders/post/98867https://forum.magicmirror.builders/post/98867Sat, 22 Jan 2022 14:35:18 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 14:27:00 GMT]]>@1blaunitrox ok, weird…

npm -v
node -v

which user is pm2 installed on?

pm2 info 0

]]>https://forum.magicmirror.builders/post/98866https://forum.magicmirror.builders/post/98866Sat, 22 Jan 2022 14:27:00 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 13:49:39 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98865https://forum.magicmirror.builders/post/98865Sat, 22 Jan 2022 13:49:39 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 13:00:12 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98862https://forum.magicmirror.builders/post/98862Sat, 22 Jan 2022 13:00:12 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Sat, 22 Jan 2022 09:30:13 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98860https://forum.magicmirror.builders/post/98860Sat, 22 Jan 2022 09:30:13 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 20:03:41 GMT]]>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

]]>https://forum.magicmirror.builders/post/98858https://forum.magicmirror.builders/post/98858Fri, 21 Jan 2022 20:03:41 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:49:16 GMT]]>@1blaunitrox this.getData() is not synchronous, so it will return long before the data is ready

don’t call from getDom()

]]>https://forum.magicmirror.builders/post/98857https://forum.magicmirror.builders/post/98857Fri, 21 Jan 2022 19:49:16 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:44:28 GMT]]>@1blaunitrox length

spelling matters…

use the debugger

]]>https://forum.magicmirror.builders/post/98856https://forum.magicmirror.builders/post/98856Fri, 21 Jan 2022 19:44:28 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:38:03 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98855https://forum.magicmirror.builders/post/98855Fri, 21 Jan 2022 19:38:03 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:34:23 GMT]]>@1blaunitrox that would work

but it will be the JSON text representation of the object

all fields and values

]]>https://forum.magicmirror.builders/post/98854https://forum.magicmirror.builders/post/98854Fri, 21 Jan 2022 19:34:23 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:33:20 GMT]]>@sdetweil What about JSON.stringify(this.response);

]]>https://forum.magicmirror.builders/post/98853https://forum.magicmirror.builders/post/98853Fri, 21 Jan 2022 19:33:20 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:33:19 GMT]]>@sdetweil JSON.parse, JSON. stringify

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

]]>https://forum.magicmirror.builders/post/98852https://forum.magicmirror.builders/post/98852Fri, 21 Jan 2022 19:33:19 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:31:19 GMT]]>@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…

]]>https://forum.magicmirror.builders/post/98851https://forum.magicmirror.builders/post/98851Fri, 21 Jan 2022 19:31:19 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:31:16 GMT]]>@sdetweil Is there a Json parser I can use?

]]>https://forum.magicmirror.builders/post/98850https://forum.magicmirror.builders/post/98850Fri, 21 Jan 2022 19:31:16 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:30:34 GMT]]>@1blaunitrox yes, this.response is an object

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

html doesn’t know objects

]]>https://forum.magicmirror.builders/post/98849https://forum.magicmirror.builders/post/98849Fri, 21 Jan 2022 19:30:34 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:30:30 GMT]]>@sdetweil
response.PNG

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

]]>https://forum.magicmirror.builders/post/98848https://forum.magicmirror.builders/post/98848Fri, 21 Jan 2022 19:30:30 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:28:22 GMT]]>@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

]]>https://forum.magicmirror.builders/post/98847https://forum.magicmirror.builders/post/98847Fri, 21 Jan 2022 19:28:22 GMT<![CDATA[Reply to updateDom() blocks MagicMirror on Fri, 21 Jan 2022 19:25:15 GMT]]>@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”

]]>https://forum.magicmirror.builders/post/98846https://forum.magicmirror.builders/post/98846Fri, 21 Jan 2022 19:25:15 GMT