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

                                            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