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.

    MMM-JsonTable - error and does not load

    Scheduled Pinned Locked Moved Solved Troubleshooting
    19 Posts 2 Posters 2.1k Views 2 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.
    • S Offline
      sankum
      last edited by

      Thanks Sam. I changed it to http:// and even tried local IP address instead of localhost and the result is the same. Still the same error, and does not load.?

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

        @sankum if you change to a file url in a browser

        file:///home/userid/MagicMirror/modules/....
        

        does the file load? this proves the file path and character case
        remember linux is case sensitive

        then replace in front of /modules
        with

        http://localhost:8080
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Offline
          sankum
          last edited by

          Hi Sam,
          file:/home/sankum/… loads with 1 slash in the browser. But nhttp://localhost:8080/modules/… does not, same errors as before?

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

            @sankum is MagicMirror configured to port 8080?

            not

            nhttp

            http://

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Offline
              sankum
              last edited by

              Sam, MagicMirror is configured to port 8080. nhtp was a typo. It is http://…
              As I said the file path and name are correct as I can read it in browser using file:/… (single slash). So not quite sure what is going on?

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

                @sankum what is your address: setting in config.js

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • S Offline
                  sankum
                  last edited by

                  Sam,
                  address: “localhost”,

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

                    @sankum I used the sample from the readme

                    {
                      "items": [
                        {
                          "name": "Watt",
                          "value": "270 Watt"
                        },
                        {
                          "name": "Today",
                          "value": "5.85 kWh"
                        },
                        {
                          "name": "ThisWeek",
                          "value": "5.83 kWh"
                        },
                        {
                          "name": "ThisMonth",
                          "value": "12.8 kWh"
                        },
                        {
                          "name": "LastMonth",
                          "value": "246.75 kWh"
                        }
                      ]
                    }
                    

                    in the module folder
                    and this config (from the readme)

                    {
                      module: 'MMM-JsonTable',
                      position: 'top_right',
                      classes:'page1',
                      header: 'HouseDB Sevensegment',
                      config: {
                        url: 'http://localhost:8090/modules/MMM-JsonTable/foobar.json', // Required
                        arrayName: 'items' // Required---
                      }
                    }  
                    

                    and it displayed as expected
                    Screenshot at 2025-07-01 06-22-52.png

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sankum
                      last edited by

                      Thanks Sam.
                      So do I need port 8090 based on your config?. In my config port definition I have:
                      port: “8080”,

                      Other than that I don’t see any difference. Do I need to change router setting? Any missing package you think? Thanks.

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sankum
                        last edited by

                        Hi Sam,

                        Never mind!! It is port 8080.
                        I copied the json file you have shown and it worked. So it must be my json file. I will try to figure out what is the difference. Thanks for your help.

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

                          @sankum sorry intended to change that in
                          my post, too early

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

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

                            @sankum i use this online to to validate and format json

                            https://codebeautify.org/jsonvalidator

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 1
                            • S Offline
                              sankum
                              last edited by

                              Thank you, Sam.

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

                                @sankum did you get it fixed?

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sankum
                                  last edited by

                                  Sam, sorry I overlooked your question
                                  Yes, I did get it fixed. Thanks.

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

                                    @sankum was it the file contents?

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      sankum
                                      last edited by

                                      Sam,

                                      Yes, it was the file content. I had copied it from the git example but obviously did something wrong.

                                      1 Reply Last reply Reply Quote 1
                                      • S sdetweil has marked this topic as solved on

                                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                      With your input, this post could be even better 💗

                                      Register Login
                                      • 1 / 1
                                      • 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