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.

    Default Weather Module Stuck on loading.

    Scheduled Pinned Locked Moved Solved Troubleshooting
    28 Posts 3 Posters 699 Views 4 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
      sdetweil @flyedge
      last edited by

      @flyedge also, using the new v3 api settings
      The location is specified using lat/lon (not long)
      And the only weather types are current and forecast
      And endpoint would not be needed, but if provided needs to be ‘/onecall’

      See
      https://docs.magicmirror.builders/modules/weather.html#configuration-options

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • F Offline
        fnmuffinman @sdetweil
        last edited by

        @sdetweil so after messing around and trying out a new module (might change my problem here) but seems it still won’t load. I am still pretty green at troubleshooting modules so excuse my lack of knowledge here. I have a screenshot of the spot you asked but for the new module:

        57cb7d8c-0cb3-4df7-8e6c-9a3ee81af9a2-image.png

        S 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @fnmuffinman
          last edited by

          @fnmuffinman which module are you using

          git remote -v

          In the module folder

          Tom’s is v3 api only

          The original is v2.5 only

          From Toms version readme
          IMG_4754.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
            sdetweil @fnmuffinman
            last edited by

            @fnmuffinman these modules use a helper so debug info is where you npm start , IF the author presents logging

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            F 1 Reply Last reply Reply Quote 0
            • F Offline
              fnmuffinman @sdetweil
              last edited by

              @sdetweil alrighty so I got a bit further after a bit more testing and digging into the pm2 logs so here is where I am at.

              I am using this module: https://github.com/Tom-Hirschberger/MMM-OpenWeatherForecast

              Here is a screenshot of the current error I am seeing in the dev tools
              cc3b5b9f-5c51-40f4-b2ef-045d4bf947ca-image.png

              I was seeing a 401 Unauthorized error for a bit but figured out the 3.0 API call thing. I did test the URL from the website with my lat and long with the API key it works. I no longer see those errors in my pm2 logs on the mirror. Here is a screenshot of my current config in the config.js as well
              5bb82332-7aba-4c61-867f-5b78ac467b79-image.png

              Sorry didn’t want to dox or give my api key :) also as further troubleshooting, here is a screenshot of the api.openweathermap.org URL to show it does work
              a71db1bb-633f-4403-9038-2a55ae81de40-image.png

              appreciate the help! my first time truly digging into why a module isn’t working. I have alot more respect for coders lol

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

                @fnmuffinman did you do the npm install in the module folder?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                F 1 Reply Last reply Reply Quote 0
                • F Offline
                  fnmuffinman @sdetweil
                  last edited by

                  @sdetweil I was pretty sure I did but I ran it again and rebooted the mirror to the same results. Still the same error as the above screenshot in the dev tools console. Not sure if it matters, but I do have the mirror booting headless. I don’t remember exactly but it’s part of the startup script so when I reboot the pi, it automatically runs MM and loads it onscreen

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

                    @fnmuffinman what do you mean headless?

                    If no display here, you need to do
                    npm run server

                    And access from somewhere else
                    Make sure to enable config.js to allow other machine access

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    F 1 Reply Last reply Reply Quote 0
                    • F Offline
                      fnmuffinman @sdetweil
                      last edited by

                      @sdetweil sorry wrong terminology. It is running on a pi connected to a display. I meant headless in I don’t have peripherals on it, just ssh into it from my pc

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

                        @fnmuffinman how did you install MagicMirror

                        What version are you running

                        cd ~/MagicMirror 
                        grep version package.json
                        

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        F 1 Reply Last reply Reply Quote 0
                        • F Offline
                          fnmuffinman @sdetweil
                          last edited by

                          768401ad-9bca-4822-9127-0af733d5c924-image.png

                          Sorry for the delay!

                          F 1 Reply Last reply Reply Quote 0
                          • F Offline
                            fnmuffinman @fnmuffinman
                            last edited by

                            @sdetweil Hi, just checking in to see if you saw my last reply above! If not, I was going to create a new thread with all the troubleshooting you have graciously help me out with to start from there

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

                              @fnmuffinman I did, sorry been traveling.

                              Can you Open the developers window
                              ctrl-shift-I
                              Select the console tab
                              Add weath to the filter field

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              F 1 Reply Last reply Reply Quote 0
                              • F Offline
                                fnmuffinman @sdetweil
                                last edited by

                                @sdetweil No worries, I figured you were probably busy! Here is what comes up

                                6f6ef1b0-041d-41e6-b728-bce681446fdb-image.png

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

                                  @fnmuffinman ok, a little more debug

                                  cd ~/MagicMirror
                                  grep nunj package.json
                                  

                                  should return

                                  		"nunjucks": "^3.2.4",
                                  

                                  then

                                  cd node_modules
                                  ls nunjucks -laF
                                  

                                  should return (I am on mac at the moment, with MagicMirror just installed, so dates will be different

                                  drwxr-xr-x   10 sam  staff    320 Feb  3 08:20 ./
                                  drwxr-xr-x  685 sam  staff  21920 Feb  3 08:21 ../
                                  drwxr-xr-x    4 sam  staff    128 Feb  3 08:20 bin/
                                  drwxr-xr-x   10 sam  staff    320 Feb  3 08:20 browser/
                                  -rw-r--r--    1 sam  staff   2309 Feb  3 08:20 index.js
                                  -rw-r--r--    1 sam  staff   1311 Feb  3 08:20 LICENSE
                                  drwxr-xr-x    3 sam  staff     96 Feb  3 08:20 node_modules/
                                  -rw-r--r--    1 sam  staff   3138 Feb  3 08:20 package.json
                                  -rw-r--r--    1 sam  staff   2127 Feb  3 08:20 README.md
                                  drwxr-xr-x   23 sam  staff    736 Feb  3 08:20 src/
                                  

                                  then I want to redo the MagicMirror npm install

                                  cd ~/MagicMirror
                                  rm -rf node_modules
                                  npm install
                                  

                                  then restart MagicMirror however you do it…

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  F 1 Reply Last reply Reply Quote 0
                                  • F Offline
                                    fnmuffinman @sdetweil
                                    last edited by

                                    @sdetweil alright so i ran those commands. when I got to

                                    ls nunjucks -laF

                                    It returned that directory did not exist, which i would imagine is part of my issue. I then continued with the rest of the commands, then I got this error.

                                    71aa8446-16f6-4377-93d0-0d2bd6645455-image.png

                                    For context, recently I saw notifications on my mirror stating some modules needed to be updated. I ran through the docs for updating those but it’s possible I messed that up and caused myself a bigger problem here.

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

                                      @fnmuffinman ah…

                                      Node 23 is bad , so we won’t install there

                                      So try either of these commands

                                      n —version
                                      nvm —version

                                      Do either exist?

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      F 1 Reply Last reply Reply Quote 1
                                      • F Offline
                                        fnmuffinman @sdetweil
                                        last edited by

                                        @sdetweil it appears neither do

                                        5f165a38-a364-45d8-a9fd-b300a3427c23-image.png

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

                                          @fnmuffinman good, thx

                                          Do this

                                          sudo npm install -g n
                                          sudo n 22.21.1
                                          hash -r
                                          node -v
                                          

                                          Should show v 22.21.1
                                          If not stop and advise

                                          If ok
                                          Then do

                                          cd ~/MagicMirror 
                                          npm install
                                          

                                          Then start MagicMirror

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          F 1 Reply Last reply Reply Quote 1
                                          • F Offline
                                            fnmuffinman @sdetweil
                                            last edited by

                                            @sdetweil IT WORKS!! I cannot thank you enough for your time and patience with the help on this. I have learned alot from walking through this troubleshooting with you. Are you able to tell me what I may or may not have done wrong to cause it to stop working?

                                            S 1 Reply Last reply Reply Quote 0

                                            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
                                            • 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