• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

How to add modules. For absolute beginners.

Scheduled Pinned Locked Moved Troubleshooting
91 Posts 16 Posters 111.1k Views 24 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @Coltjb45
    last edited by Jan 2, 2018, 9:23 PM

    @Coltjb45

    At first glance (I didn’t look any further) you have an open bracket [ that doesn’t belong after the closing }, of the Jeopardy entry.

    Create a working config
    How to add modules

    1 Reply Last reply Reply Quote 0
    • D Offline
      doubleT Module Developer
      last edited by Jan 2, 2018, 9:25 PM

      It looks like you made an error pasting the code into the </> code block with only one line inside.

      Beside the open bracket I also see missing quotes.
      (On a side note, it would be nice to see everything with tabs/indentation.) What editor do you use?

      C 1 Reply Last reply Jan 2, 2018, 9:30 PM Reply Quote 0
      • C Offline
        Coltjb45 @doubleT
        last edited by Jan 2, 2018, 9:30 PM

        @doubleT not exactly sure what you’re talking about and don’t know what editor.

        1 Reply Last reply Reply Quote 0
        • D Offline
          doubleT Module Developer
          last edited by Jan 2, 2018, 9:57 PM

          This looks like a copy&paste error
          ^ This looks like you only pasted one line into the code block instead of the whole code.

          Some editors can show you where your code is wrong
          ^ There are editors that can show you where your code is wrong while you type, for example, here you can point out where a closing quote is missing. You can edit in the standard windows/mac text editor, but it’ll give you a hard time. There are good editors like Sublime Text, Notepad++, Atom …

          Do you mind telling us what you’re using?

          With indentation (the original files have that, but pasting the code here destroys indentation) you can also easily count opening and closing brackets and spot the one bracket that is too much or the missing comma.

          No commas after the last property value of an object or array.
          The last property value of an object or array is not followed by a comma – although that shouldn’t give you any errors. What is probably causing an error is
          a) the missing comma after the second object (before the compliments module) and
          b) the square brackets around the second object.

          And you should check the quotes. Maybe a language and editor problem, but to me, all the quotes looked wrong. And you should only use one version of quotes, it’s not wise to mix > " < double quotation marks and > ’ < single quotation marks.

          This should work:

          modules: [
              {
                  module: "MMM-JEOPARDY",
                  position: "top_left",
                  config: {
                      useHeader: false, // true if you want a header
                      header: "This is Jeopardy!",
                      maxWidth: "250px",
                      animationSpeed: 3000 // Fades to next clue
                  }
              },
              {
                  module: "MMM-forecast-io",
                  position: "top_right", // This can be any of the regions.
                  config: {
                      // See "Configuration options" for more information.
                      apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", // Dark Sky API key.
                      // Only required if geolocation doesn"t work:
                      latitude: 16.77532,
                      longitude: -3.008265
                  }
              },
              {
                  module: "compliments",
                  position: "lower_third"
              },
              {
                  module: "currentweather",
                  position: "top_right",
                  config: {
          	        location: "New York",
          	        locationID: "", //ID from http://www.openweathermap.org/help/city_list.txt
          	        appid: "xxxxxxxxxxxxzxxxxxxxxxxxxxxxxxxxxxx"
          	    }
              },
              {
                  module: "weatherforecast",
                  position: "top_right",
                  header: "Weather Forecast",
                  config: {
                      location: "New York",
                      locationID: "5128581", //ID from http://www.openweathermap.org/help/city_list.txt
                      appid: "xxxxxxxxxxxxxxxxxxxxxxxxx"
                  }
              },
              {
                  module: "newsfeed",
                  position: "bottom_bar",
                  config: {
                      feeds: [
                          {
                              title: "New York Times",
                              url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
                          }
                      ],
                      showSourceTitle: true,
                      showPublishDate: true
                  }
              }
          ]
          
          N 1 Reply Last reply Jan 14, 2018, 7:31 PM Reply Quote 0
          • D Offline
            doubleT Module Developer
            last edited by doubleT Jan 2, 2018, 10:13 PM Jan 2, 2018, 10:05 PM

            By the way, if you start the mirror with npm start dev instead of just npm start, it’ll start up with a console at the side where it will show you errors that often point you to the line of code that has an error.

            For example, if I remove one of the commas between the { settings objects }, it’ll show:

            Uncaught SyntaxError: Unexpected token {      config.js:68
            

            The opening bracket in line 68 of config.js is unexpected because a comma after the closing bracket in line 67 is missing. (This is just an example, it’s probably a different line in your code.)

            EDIT
            I think this thread should have stayed clean and we should have done this in your already existing thread about these same issues.

            But to bring some more value to this helpful thread, here’s a good and easy text on objects and arrays in JavaScript (that’s what the setting in config.js is made of): https://eloquentjavascript.net/04_data.html
            Please consider reading and consulting this before moving on or asking the same question in yet another thread.

            C 1 Reply Last reply Jan 3, 2018, 4:00 PM Reply Quote 0
            • C Offline
              Coltjb45 @doubleT
              last edited by Jan 3, 2018, 4:00 PM

              @doubleT thanks for everything, I got it working. Now some other hiccups to work on.

              1 Reply Last reply Reply Quote 0
              • N Offline
                noiz13 @doubleT
                last edited by Jan 14, 2018, 7:31 PM

                @doubleT said in How to add modules. For absolute beginners.:

                Sublime Text

                what text editor is that?

                1 Reply Last reply Reply Quote 0
                • D Offline
                  doubleT Module Developer
                  last edited by Jan 14, 2018, 7:33 PM

                  A good one. :) www.sublimetext.com

                  1 Reply Last reply Reply Quote 1
                  • J Offline
                    johnnyboy @Mykle1
                    last edited by Jul 10, 2019, 10:34 AM

                    @Mykle1 said in How to add modules. For absolute beginners.:

                    • Go to this page of modules:

                    • https://github.com/MichMich/MagicMirror/wiki/MagicMirror²-Modules#3rd-party-modules

                    Hey up Amigo… You may want to update the modules page url - https://github.com/MichMich/MagicMirror/wiki/3rd-Party-Modules

                    M 1 Reply Last reply Jul 10, 2019, 11:56 PM Reply Quote 1
                    • M Offline
                      Mykle1 Project Sponsor Module Developer @johnnyboy
                      last edited by Jul 10, 2019, 11:56 PM

                      @johnnyboy said in How to add modules. For absolute beginners.:

                      Hey up Amigo…

                      Not much, you? I hope all is well with you and yours.

                      I corrected the url, I think. :-)

                      Create a working config
                      How to add modules

                      J 1 Reply Last reply Jul 11, 2019, 9:15 AM Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 9
                      • 10
                      • 1 / 10
                      • 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