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 19.3k 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 Offline
      sdetweil @pugsly
      last edited by

      @pugsly open the developers window on your blank screen MM, using ctrl-shift-i on the keyboard… select the tab labeled console and scroll up to find any errors

      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

        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)

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

          @pugsly said in MMM-Sunrise-Sunset:

          Uncaught ReferenceError: $ is not defined

          this module depends on jquery library being installed for this module, but its not…,

          I am working on instructions for you… hang on

          do

          cd ~/MagicMirror/modules/MMM-Sunrise-Sunset
          npm install jquery
          # note the trailing dot (.) on the next line
          cp node_modules/jquery/dist/jquery.js .
          

          then start your mirror again

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          pugslyP D 2 Replies Last reply Reply Quote 0
          • pugslyP Offline
            pugsly @sdetweil
            last edited by

            @sdetweil said in MMM-Sunrise-Sunset:

            cp node_modules/jquery/dist/jquery.js .

            Slightly better, its displaying now but just says ‘Loading’

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              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 Offline
                  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 Offline
                        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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 3 / 5
                        • 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