MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

Unable to Run the Head first developing MM module for extreme beginners :(

  • Hi,

    I’m absolute beginner to developing Magic Mirror Modules, but I’m ver keen and eager to learn and develop them. I started to follow the tutorial available at but the problem here I’m facing is as below. I did a git pull and installed the dependencies. when I did a node serveronly and firing up my chrome browser and heading to the localhost:8080, I’m able to see the clock, compliments, etc… (defaults provided). And as per the tutorial, I went till the getDom() step, and I tried running it, And when I went to my browser and refreshed the window, to my surprise, nothing is shown up, not even Hello, World!, I went to the developer console and searched for myContent , there is no such div created with such class name. ☹


    /* Magic Mirror Config Sample
     * By Michael Teeuw
     * MIT Licensed.
     * For more information how you can configurate this file
     * See
    var config = {
    	address: "localhost", // Address to listen on, can be:
    	// - "localhost", "", "::1" to listen on loopback interface
    	// - another specific IPv4/6 to listen on a specific interface
    	// - "", "", "::" to listen on any interface
    	// Default, when address config is left out, is "localhost"
    	port: 8080,
    	ipWhitelist: ["", "::ffff:", "::1"], // Set [] to allow all IP addresses
    	// or add a specific IPv4 of :
    	// ["", "::ffff:", "::1", "::ffff:"],
    	// or IPv4 range of --> use CIDR format :
    	// ["", "::ffff:", "::1", "::ffff:"],
    	language: "en",
    	timeFormat: 24,
    	units: "metric",
    	modules: [
    			module: "MMM-Test",
    			position: "top_left"
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== "undefined") { module.exports = config; }


    Module.register("MMM-Timetable", {
      defaults: {},
      start: function () {},
    getDom: function() {
      var element = document.createElement("div")
      element.className = "myContent"
      element.innerHTML = "Hello, World!"
      return element
    notificationReceived: function() {},
      socketNotificationReceived: function() {},

    and my developer console output is as below.

    Initializing MagicMirror.
    Loading core translation file: translations/en.json
    Loading core translation fallback file: translations/en.json
    Load script: modules/MMM-Test//MMM-Test.js
    Module registered: MMM-Timetable
    Load stylesheet: css/custom.css
    All modules started!

    and below is my folder structure


    Please let me know where am I going wrong guys and please let me know on how can I fix this. Here are my codes.


  • Sorry for my dumbest question guys ☹. I got it working, changed Module.register("MMM-Timetable", to Module.register("MMM-Test", and its working fine.


  • Module Developer

    @sunnykeerthi It’s my fault. But I cannot edit that topic anymore. I don’t know why. -_-a

Log in to reply