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 1.1k 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.
    • 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
                                    • S Offline
                                      sdetweil @fnmuffinman
                                      last edited by

                                      @fnmuffinman great news!! Thanks for the feedback

                                      As for what happened

                                      You upgraded nodejs at some point
                                      And didn’t catch the npm install error message

                                      So you had the new code (git pull) but not the runtime libs it needed

                                      I recommend using my upgrade script in the future

                                      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 gotcha! I would love to use a script instead of breaking things again lol where can i find your upgrade script and what does it all entail? does it upgrade Magic mirror and the modules or just MM itself?

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

                                          @fnmuffinman the links are in the MagicMirror documentation
                                          IMG_4783.png

                                          It does only MagicMirror

                                          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 fantastic. Thanks again for all the help!!

                                            1 Reply Last reply Reply Quote 0
                                            • 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
                                            • 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