• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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-OpenWeatherMapForecast stuck on Loading....

Scheduled Pinned Locked Moved Utilities
63 Posts 16 Posters 35.3k Views 17 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.
  • A Offline
    ally
    last edited by Aug 25, 2022, 8:01 AM

    Hi,

    I updated my MM with this module and was unable to get it to work, it was just stuck on Loading… so, I tried to revert to the default weather module and same result. Next option was to do a fresh install, so I renamed my MagicMirror folder and installed a clean version and got the default weather module to work with my api key, success. I then reinstalled the OpenWeatherMapForecast module and added the default sample configuration with my api key and it is still stuck on loading, good news is that the default weather module stills works.

    Any suggestions on what I am doing wrong?

    		{
    			module: "weather",
    			position: "top_right",
    			config: {
    				weatherProvider: "openweathermap",
    				type: "current",
    				location: "New York",
    				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "XXXXXXX"
    			}
    		},
    		{
    			module: "weather",
    			position: "top_right",
    			header: "Weather Forecast",
    			config: {
    				weatherProvider: "openweathermap",
    				type: "forecast",
    				location: "New York",
    				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "XXXXXXXXXXXXXXXXXXXX"
    			}
    		}, 
    		
    		{
    			module: "MMM-OpenWeatherMapForecast",
    			header: "Weather",
    			position: "top_right",
    			classes: "default everyone",
    			disabled: false,
    			config: {
    				apikey: "XXXXXXXXXXXXXXXXXXX",
    				latitude: "51.506130",
    				longitude: "-0.090270",      
    				iconset: "4c",
    				concise: false,
    				forecastLayout: "table"
    			}
    		},		
    

    Thanks

    S S L 3 Replies Last reply Aug 25, 2022, 11:47 AM Reply Quote 0
    • S Offline
      sdetweil @ally
      last edited by Aug 25, 2022, 11:47 AM

      @ally the config.js section you provided is for the built in weather module, in ‘CURRENT’ weather mode

      the openweatherforecast module uses similar config.
      Screenshot_20220825-064553_Chrome.jpg

      can you open the developers window ctrl-shift-i on the keyboard and select the console tab and scroll up to see any red text

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • A Offline
        ally
        last edited by Aug 25, 2022, 10:54 PM

        @sdetweil correct. The first too are the default weather modules and the last one is the OpenWeatherMapForecast. I used the sample config provided, I also adjusted as you recommended. I used the default as a test to ensure that the api key etc was working.

        When I am in Chromium and I press ctrl+shift and i see the below red text. Sorry is this what you mean?

        Failed to load resource: net::ERR_FAILED
        app.js:361 ServiceWorker registration succeeded.
        hooks.js:34 [hooks] Changes to hooks on this page …
        hooks.js:28 [hooks] Registered action:ajaxify.end ƒ (){if(!ajaxify.isCold()){d=true}}
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        4main.js:37 Uncaught TypeError: Cannot read properties of undefined (reading 'test')
            at HTMLAnchorElement.u (main.js:37:41)
            at HTMLAnchorElement.handle (jquery.js:5895:29)
            at HTMLBodyElement.dispatch (jquery.js:5430:27)
            at HTMLBodyElement.m.handle (jquery.js:5234:28)
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        3main.js:37 Uncaught TypeError: Cannot read properties of undefined (reading 'test')
            at HTMLAnchorElement.u (main.js:37:41)
            at HTMLAnchorElement.handle (jquery.js:5895:29)
            at HTMLBodyElement.dispatch (jquery.js:5430:27)
            at HTMLBodyElement.m.handle (jquery.js:5234:28)
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:34 [hooks] Changes to hooks on this page …
        hooks.js:34 [hooks] Changes to hooks on this page …
        cdn.carbonads.com/carbon.js?serve=CK7IC23N&placement=magicmirrorbuilders:1          Failed to load resource: net::ERR_FAILED
        hooks.js:28 [hooks] Registered action:ajaxify.end ƒ (){if(!ajaxify.isCold()){d=true}}
        DevTools failed to load source map: Could not load content for https://forum.magicmirror.builders/assets/src/modules/pulling-drawer.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
        DevTools failed to load source map: Could not load content for https://forum.magicmirror.builders/assets/src/modules/jquery.form.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
        

        Ally

        S 1 Reply Last reply Aug 25, 2022, 11:09 PM Reply Quote 0
        • S Offline
          sdetweil @ally
          last edited by sdetweil Aug 26, 2022, 3:47 AM Aug 25, 2022, 11:09 PM

          @ally ctrl-shift-i on the mm page, not the forums

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          A 1 Reply Last reply Aug 26, 2022, 3:44 AM Reply Quote 0
          • A Offline
            ally @sdetweil
            last edited by Aug 26, 2022, 3:44 AM

            @sdetweil sorry very new to all of this. I didn’t realise you could do that.

            No issues or red text. It looks like it is working

            main.js:483 Initializing MagicMirror².
            translator.js:128 Loading core translation file: translations/en.json
            translator.js:146 Loading core translation fallback file: translations/en.json
            loader.js:184 Load script: modules/default/alert/alert.js
            module.js:509 Module registered: alert
            loader.js:155 Bootstrapping module: alert
            loader.js:184 Load script: modules/default/alert/notificationFx.js
            loader.js:160 Scripts loaded for: alert
            loader.js:203 Load stylesheet: vendor/css/font-awesome.css
            loader.js:203 Load stylesheet: modules/default/alert/./styles/notificationFx.css
            loader.js:203 Load stylesheet: modules/default/alert/./styles/center.css
            loader.js:162 Styles loaded for: alert
            translator.js:107 alert - Load translation: translations/en.json
            translator.js:107 alert - Load translation fallback: translations/bg.json
            loader.js:164 Translations loaded for: alert
            loader.js:184 Load script: modules/default/updatenotification/updatenotification.js
            module.js:509 Module registered: updatenotification
            loader.js:155 Bootstrapping module: updatenotification
            loader.js:160 Scripts loaded for: updatenotification
            loader.js:203 Load stylesheet: modules/default/updatenotification/updatenotification.css
            loader.js:162 Styles loaded for: updatenotification
            loader.js:164 Translations loaded for: updatenotification
            loader.js:184 Load script: modules/default/clock/clock.js
            module.js:509 Module registered: clock
            loader.js:155 Bootstrapping module: clock
            loader.js:184 Load script: vendor/node_modules/moment/min/moment-with-locales.js
            loader.js:184 Load script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js
            loader.js:184 Load script: vendor/node_modules/suncalc/suncalc.js
            loader.js:160 Scripts loaded for: clock
            loader.js:203 Load stylesheet: modules/default/clock/clock_styles.css
            loader.js:162 Styles loaded for: clock
            loader.js:164 Translations loaded for: clock
            loader.js:184 Load script: modules/default/calendar/calendar.js
            module.js:501 Check MagicMirror² version for module 'calendar' - Minimum version:  2.1.0 - Current version: 2.20.0
            module.js:503 Version is ok!
            module.js:509 Module registered: calendar
            loader.js:155 Bootstrapping module: calendar
            loader.js:244 File already loaded: moment.js
            loader.js:160 Scripts loaded for: calendar
            loader.js:203 Load stylesheet: modules/default/calendar/calendar.css
            loader.js:244 File already loaded: font-awesome.css
            loader.js:162 Styles loaded for: calendar
            loader.js:164 Translations loaded for: calendar
            loader.js:184 Load script: modules/default/compliments/compliments.js
            module.js:509 Module registered: compliments
            loader.js:155 Bootstrapping module: compliments
            loader.js:244 File already loaded: moment.js
            loader.js:160 Scripts loaded for: compliments
            loader.js:162 Styles loaded for: compliments
            loader.js:164 Translations loaded for: compliments
            loader.js:184 Load script: modules/default/weather/weather.js
            module.js:509 Module registered: weather
            loader.js:155 Bootstrapping module: weather
            loader.js:244 File already loaded: moment.js
            loader.js:184 Load script: modules/default/weather/weatherprovider.js
            loader.js:184 Load script: modules/default/weather/weatherobject.js
            loader.js:244 File already loaded: suncalc.js
            loader.js:184 Load script: modules/default/weather/providers/openweathermap.js
            loader.js:160 Scripts loaded for: weather
            loader.js:244 File already loaded: font-awesome.css
            loader.js:203 Load stylesheet: vendor/node_modules/weathericons/css/weather-icons.css
            loader.js:203 Load stylesheet: modules/default/weather/weather.css
            loader.js:162 Styles loaded for: weather
            loader.js:164 Translations loaded for: weather
            loader.js:155 Bootstrapping module: weather
            loader.js:244 File already loaded: moment.js
            loader.js:244 File already loaded: weatherprovider.js
            loader.js:244 File already loaded: weatherobject.js
            loader.js:244 File already loaded: suncalc.js
            loader.js:244 File already loaded: modules/default/weather/providers/openweathermap.js
            loader.js:160 Scripts loaded for: weather
            loader.js:244 File already loaded: font-awesome.css
            loader.js:244 File already loaded: weather-icons.css
            loader.js:244 File already loaded: weather.css
            loader.js:162 Styles loaded for: weather
            loader.js:164 Translations loaded for: weather
            loader.js:184 Load script: modules/MMM-OpenWeatherMapForecast/MMM-OpenWeatherMapForecast.js
            module.js:501 Check MagicMirror² version for module 'MMM-OpenWeatherMapForecast' - Minimum version:  2.2.0 - Current version: 2.20.0
            module.js:503 Version is ok!
            module.js:509 Module registered: MMM-OpenWeatherMapForecast
            loader.js:155 Bootstrapping module: MMM-OpenWeatherMapForecast
            loader.js:244 File already loaded: moment.js
            loader.js:184 Load script: modules/MMM-OpenWeatherMapForecast/skycons.js
            loader.js:160 Scripts loaded for: MMM-OpenWeatherMapForecast
            loader.js:203 Load stylesheet: modules/MMM-OpenWeatherMapForecast/MMM-OpenWeatherMapForecast.css
            loader.js:162 Styles loaded for: MMM-OpenWeatherMapForecast
            loader.js:164 Translations loaded for: MMM-OpenWeatherMapForecast
            loader.js:184 Load script: modules/default/newsfeed/newsfeed.js
            module.js:509 Module registered: newsfeed
            loader.js:155 Bootstrapping module: newsfeed
            loader.js:244 File already loaded: moment.js
            loader.js:160 Scripts loaded for: newsfeed
            loader.js:203 Load stylesheet: modules/default/newsfeed/newsfeed.css
            loader.js:162 Styles loaded for: newsfeed
            loader.js:164 Translations loaded for: newsfeed
            loader.js:203 Load stylesheet: css/custom.css
            alert.js:47 Starting module: alert
            updatenotification.js:18 Starting module: updatenotification
            clock.js:48 Starting module: clock
            calendar.js:87 Starting module: calendar
            compliments.js:38 Starting module: compliments
            weatherprovider.js:35 Weather provider: OpenWeatherMap initialized.
            weatherprovider.js:46 Weather provider: OpenWeatherMap started.
            weatherprovider.js:35 Weather provider: OpenWeatherMap initialized.
            weatherprovider.js:46 Weather provider: OpenWeatherMap started.
            MMM-OpenWeatherMapForecast.js:145 Starting module: MMM-OpenWeatherMapForecast
            newsfeed.js:65 Starting module: newsfeed
            main.js:501 All modules started!
            weather.js:150 New weather information available.
            
            
            

            Ally

            S 1 Reply Last reply Aug 26, 2022, 3:51 AM Reply Quote 0
            • S Offline
              sdetweil @ally
              last edited by Aug 26, 2022, 3:51 AM

              @ally then we need to look at the pm2 logs more,

              pm2 logs --lines=50

              maybe more 60, ,70, 80…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              A 1 Reply Last reply Aug 26, 2022, 5:07 AM Reply Quote 0
              • A Offline
                ally @sdetweil
                last edited by Aug 26, 2022, 5:07 AM

                @sdetweil I ran the logs for 80 under the main MagicMirror directory. Hope that is correct way to do it.

                Below is a sample of the log as I get a spam message when I add it all.

                home/pi/.pm2/logs/MagicMirror-error.log last 80 lines:
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to open kms_swrast: /usr/lib/dri/kms_swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
                0|MagicMir | failed to load driver: kms_swrast
                0|MagicMir | MESA-LOADER: failed to open swrast: /usr/lib/dri/swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
                0|MagicMir | failed to load swrast driver
                0|MagicMir | [25.08.2022 17:08.13.800] [ERROR] (node:14604) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
                0|MagicMir | (Use `electron --trace-deprecation ...` to show where the warning was created)
                0|MagicMir | [14638:0825/172135.978897:ERROR:gl_surface_presentation_helper.cc(260)] GetVSyncParametersIfAvailable() failed for 1 times!
                0|MagicMir | X connection to :0 broken (explicit kill or server shutdown).
                0|MagicMir | [14647:0825/172136.082204:ERROR:command_buffer_proxy_impl.cc(329)] GPU state invalid after WaitForGetOffsetInRange.
                0|MagicMir | [14604:0825/172136.087957:ERROR:command_buffer_proxy_impl.cc(329)] GPU state invalid after WaitForGetOffsetInRange.
                0|MagicMir | [25.08.2022 17:22.56.641] [WARN]  You're using a full whitelist configuration to allow for all IPs
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to open kms_swrast: /usr/lib/dri/kms_swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
                0|MagicMir | failed to load driver: kms_swrast
                0|MagicMir | MESA-LOADER: failed to open swrast: /usr/lib/dri/swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
                0|MagicMir | failed to load swrast driver
                0|MagicMir | [25.08.2022 17:23.04.450] [ERROR] (node:982) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
                0|MagicMir | (Use `electron --trace-deprecation ...` to show where the warning was created)
                0|MagicMir | [1398:0825/172406.366943:ERROR:gl_surface_presentation_helper.cc(260)] GetVSyncParametersIfAvailable() failed for 1 times!
                0|MagicMir | [1398:0825/172406.367670:ERROR:connection.cc(46)] X connection error received.
                0|MagicMir | XIO:  fatal IO error 104 (Connection reset by peer) on X server ":0"
                0|MagicMir |       after 11236 requests (11236 known processed) with 0 events remaining.
                0|MagicMir | [1412:0825/172413.116477:ERROR:command_buffer_proxy_impl.cc(329)] GPU state invalid after WaitForGetOffsetInRange.
                0|MagicMir | [982:0825/172413.118265:ERROR:command_buffer_proxy_impl.cc(329)] GPU state invalid after WaitForGetOffsetInRange.
                0|MagicMir | [25.08.2022 17:25.34.170] [WARN]  You're using a full whitelist configuration to allow for all IPs
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                0|MagicMir | MESA-LOADER: failed to retrieve device information
                
                
                /home/pi/.pm2/logs/MagicMirror-out.log last 80 lines:
                0|MagicMir | [26.08.2022 12:20.42.648] [INFO]  Calendar-Fetcher: Broadcasting 6 events.
                0|MagicMir | [26.08.2022 12:24.33.069] [LOG]   [MMM-OpenWeatherMapForecast] 26-Aug-22 12:24 ** ERROR ** null
                0|MagicMir | [26.08.2022 12:24.47.138] [INFO]  Newsfeed-Fetcher: Broadcasting 35 items.
                0|MagicMir | [26.08.2022 12:25.43.849] [INFO]  Calendar-Fetcher: Broadcasting 6 events.
                0|MagicMir | [26.08.2022 12:29.47.307] [INFO]  Newsfeed-Fetcher: Broadcasting 35 items.
                0|MagicMir | [26.08.2022 12:30.45.025] [INFO]  Calendar-Fetcher: Broadcasting 6 events.
                

                Ally

                S 2 Replies Last reply Aug 26, 2022, 11:43 AM Reply Quote 0
                • S Offline
                  sdetweil
                  last edited by Aug 26, 2022, 11:26 AM

                  @ally said in MMM-OpenWeatherMapForecast stuck on Loading....:

                  0|MagicMir | [26.08.2022 12:24.33.069] [LOG] [MMM-OpenWeatherMapForecast] 26-Aug-22 12:24 ** ERROR ** null

                  isn’t that helpful!..

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  A 1 Reply Last reply Aug 27, 2022, 5:28 AM Reply Quote 0
                  • S Offline
                    sdetweil @ally
                    last edited by Aug 26, 2022, 11:43 AM

                    @ally i used your config from

                    https://forum.magicmirror.builders/topic/17141/mmm-openweathermapforecast-stuck-on-loading/1?_=1661513140571

                    with my openweather apikey and it worked without issue.

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S sdetweil referenced this topic on Aug 26, 2022, 11:43 AM
                    • S Offline
                      sdetweil @ally
                      last edited by Aug 26, 2022, 11:48 AM

                      @ally edit the node_helper.js of the module and change this

                                          } else {
                                              console.log("[MMM-OpenWeatherMapForecast] " + moment().format("D-MMM-YY HH:mm") + " ** ERROR ** " + error);
                                          }
                      

                      to this

                                          } else {
                                              if(response.statusCode != 200) 
                                              console.log("[MMM-OpenWeatherMapForecast] " + moment().format("D-MMM-YY HH:mm") + " ** bad status ** " + response.statusCode);
                                                  else
                                              console.log("[MMM-OpenWeatherMapForecast] " + moment().format("D-MMM-YY HH:mm") + " ** ERROR ** " + error);
                                          }
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 1 / 7
                      1 / 7
                      • First post
                        6/63
                        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