console.Log() shows nothing?

[mortenbirkelund]

Today I started learning to develop MM modules. I have gone through the node.js tutorial on tutorialspoint.com.
I have worked a little bit in javascript before, and recalled the console.Log() being vital when developing, for debugging purpose.
For some reason, no matter what I do, I cant see any of my logs in the terminal. Shouldn’t this be working out of the box, or do i need to set something up in order to get logging to work?

[strawberry 3.141]

@mortenbirkelund it is case sensitive try using console.log("Debug Message");

[mortenbirkelund]

@strawberry-3.141 said in console.Log() shows nothing?:

console.log(“Debug Message”);

Thanks for your reply. The “Log” in the title was a mistake.
the console.log(); doesnth work either.

Module.register("MMM-Slider",{

	// Default module config.
	defaults: {
		//text: "Hello World!"

	},

	// Override dom generator.
	getDom: function() {
		console.log("Test");
		var wrapper = document.createElement("div");
		
		wrapper.appendChild(createButton());
		return wrapper;
	},
	
	start: function() {
		console.log("Debug Message");

	},
	
	createButton: function() {
		//Create the button
		var button = document.createElement("button");
		button.innerHTML ="Click me";

		button.addEventListener("click", function() {
  			console.log("Visiting show URL");
		});

		return button;
	}
	
});

The above code was my simple attempt to create a button. The button is created, but nothing happens when i click it, and nothing is shown when MagicMirror is started.

Starting MagicMirror: v2.1.0
Loading config ...
Loading module helpers ...
No helper found for module: alert.
No helper found for module: MMM-ProfileSwitcher.
Initializing new module helper ...
No helper found for module: clock.
No helper found for module: MMM-Slider.
Initializing new module helper ...
No helper found for module: compliments.
No helper found for module: weatherforecast.
All module helpers loaded.
Starting server op port 8080 ... 
Server started ...
Connecting socket for: updatenotification
Connecting socket for: calendar
Starting node helper for: calendar
Sockets connected & modules started ...
Launching application.
Create new calendar fetcher for url: http://springschedule.au.dk/ical/ical.asp?objectclass=student&id=xxxxxx - Interval: 300000

Shouldn’t the logs be visible in the command line?

[strawberry 3.141]

@mortenbirkelund the module doesnt log in the terminal only the node_helper does. The module logs into electron or your browser start the mirror wih npm start dev

[izanbard]

@mortenbirkelund these console.log() statements are not crated in the node application, but in the browser. Open the mirror in a main stream browser (IE or chrome or something) and hit F12 which will bring up the dev tools look in the console there for your message.

[yawns]

@strawberry-3.141
Just to add, because I found this irritating at first:
If your browser does not open the console in dev mode then press F12 (works in every common browser) and look at the error/warning/log output there

Ah, @izanbard was faster :-)

[mortenbirkelund]

@strawberry-3.141 said in console.Log() shows nothing?:

npm start dev

Thank you very much, both of you. Now I can see the logs.

[izanbard]

@mortenbirkelund just a note if you put a console.log() in the node_helper, then it apears on the command line output (or PM2 out.log if you are using PM2)

[mortenbirkelund]

Thank you once again for your help. Now that I understand where to see the logs, i can see that my button is not working. Anybody who knows why nothing happens when I click the button

Module.register("MMM-Slider",{

	// Default module config.
	defaults: {
		//text: "Hello World!"

	},

	// Override dom generator.
	getDom: function() {
		var wrapper = document.createElement("div");
		
		wrapper.appendChild(this.createButton());
		return wrapper;
	},
	
	createButton: function() {
		var button = document.createElement("span");
		button.innerHTML ="Click me";
		button.id = this.identifier + "_button";
		
		button.addEventListener("click", function () {
			console.log("The button was clicked");
		});

		return button;
	}
	
});

[mortenbirkelund]

@Snille I have looked at your button module for inspiration. Do you know why nothing happens when I click the button?

[mortenbirkelund]

Found the error. I needed to add

.region.fullscreen {
z-index: -1;
}

as css and now it is working.

[Snille]

Hmm… I don’t have any custom css om my develop-version of MM, but the problem is of course that you will not see the pointer when moving over to the “mirror” if you are using a mouse.
You can add a custom.css with only:

body {
  cursor: pointer;
 }

then you will see where you “are” when moving the mouse. :)
But you should not need anything else.

[hasbean]

@mortenbirkelund I know this is really 4 years old, but it was my first match on Google. I couldn’t figure out why logs weren’t printing to terminal.

Anyhow, to make Electron print to terminal, add this to the environment variables:

ELECTRON_ENABLE_LOGGING=1

Hope it helps others!

[easty]

@hasbean For a complete beginner, how do you do add that statement to environment variables?

[sdetweil]

@easty in the script that starts mm do

export ELECTRON_ENABLE_LOGGING=1

or do that before u manually type npm start

or use the MMM-Logging module (not mine)

[easty]

@sdetweil

Getting error EADDRINUSE and MM is blank, though I was trying to debug a module that stopped working yesterday 1st October.

At this point, I will delete and reinstall MM and wait for the module developer to update or move to an alternative. I traced the error back to http data request made by node helper js but haven’t been able to find a way to see the console.log or log.info for it. The http link produces json data correctly.

Edit

Okay this error was to do with the module, I was curious so I deleted the folder for the module and its working again. I can see info logging in terminal.

How can I see info logging for node helper js?

[sdetweil]

@easty u are using pm2 to launch mm.

so open a terminal window and do

pm2 status
pm2 stop x

where x is the name (MagicMirror if you used my install script})
or the number in the row of output

u don’t have to reinstall

pm2 info x

will tell you how the process is started mm.sh
which is what u would modify

using pm2, u can also see the logs by using the command,
pm2 logs --lines=???
where ??? is a number, 15 by default

[easty]

@sdetweil

I haven’t installed pm2, I’m updating files through the file manager and using visual code editor. I couldn’t see console logging of node helper through the browser based developer tools but could see it through MM output in its terminal window. So thank you for showing me how to enable logging, that made a big difference.

I’ve got the module working again - seems like since yesterday, its decided not to like using https but works find with unsecure http. Through a browser that http link works fine through http or https so was difficult to figure out. Not sure if something changed with the website or with MM http. Most likely the website.

Anyway, appreciate the help!

[sdetweil]

@easty if u want to setup using pm2, then there is another script on my page, down at the bottom

fixuppm2.sh