MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    console.Log() shows nothing?

    Scheduled Pinned Locked Moved Solved Development
    19 Posts 8 Posters 15.3k Views 7 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • yawnsY Offline
      yawns Moderator @strawberry 3.141
      last edited by 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 :-)

      1 Reply Last reply Reply Quote 0
      • M Offline
        mortenbirkelund
        last edited by

        @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.

        I 1 Reply Last reply Reply Quote 0
        • I Offline
          izanbard @mortenbirkelund
          last edited by

          @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)

          1 Reply Last reply Reply Quote 0
          • M Offline
            mortenbirkelund
            last edited by

            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;
            	}
            	
            });
            
            1 Reply Last reply Reply Quote 0
            • M Offline
              mortenbirkelund
              last edited by

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

              1 Reply Last reply Reply Quote 0
              • M Offline
                mortenbirkelund
                last edited by

                Found the error. I needed to add

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

                as css and now it is working.

                1 Reply Last reply Reply Quote 0
                • SnilleS Offline
                  Snille Module Developer
                  last edited by

                  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.

                  If you cant find it, make it and share it!
                  Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

                  1 Reply Last reply Reply Quote 0
                  • H Offline
                    hasbean @mortenbirkelund
                    last edited by

                    @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!

                    E 1 Reply Last reply Reply Quote 0
                    • E Offline
                      easty @hasbean
                      last edited by

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

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @easty
                        last edited by

                        @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)

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        E 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy