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 2.5k 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 @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
                                      • 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

                                            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