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-Sunrise-Sunset

    Scheduled Pinned Locked Moved Utilities
    44 Posts 9 Posters 23.5k Views 10 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 Do not disturb
      sdetweil @pugsly
      last edited by

      @pugsly ok, open the developers window again

      this usually means that the api key is wrong … the api isn’t returning data

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      pugslyP 1 Reply Last reply Reply Quote 0
      • pugslyP Offline
        pugsly @sdetweil
        last edited by

        @sdetweil
        Its not passing the API key in the HTML request.

        https://api.ipgeolocation.io/astronomy?apiKey=&lang=en&lat=39.2907&long=-75.6344 401

        pugslyP 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @pugsly
          last edited by

          @pugsly said in MMM-Sunrise-Sunset:

          apikey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
          

          yep, case sensitive, it apiKey

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • pugslyP Offline
            pugsly @pugsly
            last edited by

            @pugsly NVM… the K in apiKey is a capital. Its working now.

            1 Reply Last reply Reply Quote 0
            • D Offline
              dankerthrone @sdetweil
              last edited by

              @sdetweil: Thank you so much for your help here. I’m having the exact same problem as @pugsly did, but unfortunately your suggestions seem to not do the trick. I was wondering if you could help me out, too. So far I got:

                                      {
              			module: "MMM-Sunrise-Sunset",
              			position: "bottom_bar",
              			config: {
              				apiKey: "xxx", 				
              				latitude: "xx.03586",
              				longitude: "xx.06379",
              				timezone: "Europe/Berlin",
              				layout: "inline"
              				}
              		},
              

              My screen stays black, though, and the developer console is giving me this:

              Uncaught ReferenceError: $ is not defined
              at Class.updateSun (MMM-Sunrise-Sunset.js:33)
              at Class.start (MMM-Sunrise-Sunset.js:12)
              at startModules (loader.js:55)
              at loader.js:40
              at HTMLLinkElement.stylesheet.onload (loader.js:200)
              

              I even tried executing your suggestions as root, thinking that I must’ve done something wrong, but I got the same error messages as before:

              root@raspberrypi:/home/pi/MagicMirror/modules/MMM-Sunrise-Sunset# npm install jquery
              npm WARN saveError ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/package.json'
              npm WARN enoent ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/package.json'
              npm WARN modules No description
              npm WARN modules No repository field.
              npm WARN modules No README data
              npm WARN modules No license field.
              
              + jquery@3.4.1
              removed 1 package, updated 1 package and audited 1 package in 4.09s
              found 0 vulnerabilities
              
              root@raspberrypi:/home/pi/MagicMirror/modules/MMM-Sunrise-Sunset# cp node/modules/jquery/dist/jquery.js .
              cp: cannot stat 'node/modules/jquery/dist/jquery.js': No such file or directory
              

              What am I missing here?

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @dankerthrone
                last edited by

                @dankerthrone said in MMM-Sunrise-Sunset:

                Uncaught ReferenceError: $ is not defined

                cp node/modules/jquery/dist/jquery.js .
                

                should be (notice the underscore, _ instead of the slash /)

                cp node_modules/jquery/dist/jquery.js .
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • D Offline
                  dankerthrone
                  last edited by

                  That seems to have been a copy/paste-error. My terminal history shows it with the underscore. To make sure, I tried it once again, but still get

                  pi@raspberrypi:~/MagicMirror/modules/MMM-Sunrise-Sunset $ cp node_modules/jquery/dist/jquery.js .
                  cp: cannot stat 'node_modules/jquery/dist/jquery.js': No such file or directory
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @dankerthrone
                    last edited by

                    @dankerthrone weird
                    show the output of

                    cd  ~/MagicMirror/modules/MMM-Sunrise-Sunset
                    ls node_modules -laF
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    D 1 Reply Last reply Reply Quote 0
                    • D Offline
                      dankerthrone @sdetweil
                      last edited by

                      @sdetweil

                      pi@raspberrypi:~/MagicMirror/modules/MMM-Sunrise-Sunset $ ls node_modules -laF
                      ls: cannot access 'node_modules': No such file or directory
                      
                      

                      … I’m starting to wonder if I messed up something bigger in the beginning since almost any change I apply to config.js results in weird errors.

                      1 Reply Last reply Reply Quote 0
                      • D Offline
                        dankerthrone
                        last edited by

                        after rebooting, the black screen of MagicMirror now shows this in the developer console:

                        Starting module: MMM-Sunrise-Sunset
                        MMM-Sunrise-Sunset.js:50 Uncaught ReferenceError: $ is not defined
                            at Class.updateSun (MMM-Sunrise-Sunset.js:50)
                            at Class.start (MMM-Sunrise-Sunset.js:12)
                            at startModules (loader.js:55)
                            at loader.js:40
                            at HTMLLinkElement.stylesheet.onload (loader.js:200)
                        DailyXKCD.js:77 https://imgs.xkcd.com/comics/hotel_room_party.png
                        7
                        DailyXKCD.js:177 Uncaught TypeError: Cannot read property 'naturalHeight' of null
                            at Class.scrollComic (DailyXKCD.js:177)
                            at DailyXKCD.js:51
                        6
                        DailyXKCD.js:177 Uncaught TypeError: Cannot read property 'naturalHeight' of null
                            at Class.scrollComic (DailyXKCD.js:177)
                            at DailyXKCD.js:51
                        

                        I’m really starting to think I do something stupid everytime I install/clone a module from github. I do follow each readme.md for installation, but somehow keep messing up :-/

                        S 2 Replies Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @dankerthrone
                          last edited by sdetweil

                          @dankerthrone installing a new module is pretty easy

                          cd MagicMirror/modules
                          git clone http:// the url of the git repo
                          cd the name of the module
                          

                          if there is a package.,json file, then to load its dependencies do

                          npm install 
                          

                          then

                          cd ~/MagicMirror/config
                          nano config.js
                          
                          insert the module definition  info, (see the module readme.md)
                          save
                          

                          then restart mirror app

                          this module does NOT list its dependency on jquery as it should
                          so, you have to fix it manually.

                          SO, i don’t know where you were when u did the npm install jquery
                          lets find it

                          cd ~/MagicMirror
                          find . | grep jquery\.js
                          

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          D 1 Reply Last reply Reply Quote 0
                          • S Do not disturb
                            sdetweil @dankerthrone
                            last edited by

                            @dankerthrone said in MMM-Sunrise-Sunset:

                            DailyXKCD

                            the XKCD errors look like poor programming by the author

                            he tries to find the web content before its there, but doesn’t check if he got the location

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • D Offline
                              dankerthrone @sdetweil
                              last edited by

                              @sdetweil
                              finding jquery as you suggested returns

                              pi@raspberrypi:~/MagicMirror $ find . | grep jquery\.js
                              ./node_modules/nwmatcher/src/modules/nwmatcher-jquery.js
                              
                              
                              S 1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @dankerthrone
                                last edited by

                                @dankerthrone hm… not where I would have expected it…

                                so. lets try this again

                                cd ~/MagicMirror/modules/MMM-Sunrise-Sunset
                                npm install jquery
                                ls node_modules/jquery
                                

                                you should see this

                                AUTHORS.txt  LICENSE.txt  README.md  bower.json  dist  external  package.json  src
                                

                                then do

                                 cp node_modules/jquery/dist/jquery.js .
                                

                                then

                                ls jquery.js
                                

                                to prove the file is in the module folder

                                i just did it all here step by step

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

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

                                  Late to the game, but I also am getting black screen after installing the module and adding it to my config. Ill try to give you the steps:

                                  Did the git pull. Went into the folder, npm install.

                                  Added this to my config:

                                  {          
                                  module: 'MMM-Sunrise-Sunset', 
                                  position: "bottom_center",
                                  config: {
                                  latitude: "69.13",
                                  longitude: "18.59",
                                  apiKey: "myAPI",
                                  layout: "inline",
                                    }
                                  }, 
                                  

                                  I also tried @sdetweil post, without any difference. I find the files as listed, did pm2 restart mm without any help.

                                  Ideas?

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @siggmur
                                    last edited by

                                    @siggmur latitude and longitude are numbers, remove the quotes.

                                    general rule, for values to the right of :

                                    number or true/false - not quoted
                                    all else, quoted, doesn’t matter which one, just matching.
                                    also, lat/long usually are 6 digits
                                    xx.yyyy

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      siggmur
                                      last edited by

                                      Thanks for the quick reply, I forgot the quotation marks, but it should throw a config error, not a black screen like I am getting?

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @siggmur
                                        last edited by

                                        @siggmur black screen usually means missing library file.
                                        look at the startup.messages

                                        either
                                        pm2 logs --lines=100
                                        or the terminal window where do
                                        npm start

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          siggmur
                                          last edited by

                                          @sdetweil ah, now we might be cooking. I find to suspected issues, but I am a bit to noobish to understand:

                                          [2020-08-01 01:35:48.402] [LOG] No helper found for module: MMM-Sunrise-Sunset.

                                          and:

                                          Fontconfig warning: “/etc/fonts/fonts.conf”, line 100: unknown element “blank”
                                          [2020-08-01 01:35:50.724] [ERROR] Whoops! There was an uncaught exception…
                                          [2020-08-01 01:35:50.727] [ERROR] Error: listen EADDRINUSE: address already in use 127.0.0.1:8080
                                          at Server.setupListenHandle [as _listen2] (net.js:1226:14)
                                          at listenInCluster (net.js:1274:12)
                                          at GetAddrInfoReqWrap.doListen [as callback] (net.js:1413:7)
                                          at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:65:10) {
                                          code: ‘EADDRINUSE’,
                                          errno: ‘EADDRINUSE’,
                                          syscall: ‘listen’,
                                          address: ‘127.0.0.1’,
                                          port: 8080
                                          }

                                          Any idea what it could be?

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @siggmur
                                            last edited by

                                            @siggmur eaddr in use means something is still using that port 8080,

                                            pm2’s job is to start at boot, so you can have more than one running

                                            keep stopping

                                            check w
                                            ps -ef | grep node |grep -v grep

                                            kill things til u get none.

                                            then

                                            cd ~/MagicMirror
                                            npm start
                                            

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

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