Can not seem to find out why my script’s Skycon doesn’t load. Can someone help me debug?
Note: The code is written in ES6 with backticks markers so the Markdown will format my code. That is why I had to use a Pastebin link. Please also edit the API key with your own.
The expected result is that it would load up a window with Weather Info and an animated icon. The weather info part works but the icon would not load. Why?
Change
<script src="https://cdnjs.cloudflare.com/ajax/libs/skycons/1396634940/skycons.min.js"></script>
To
<script src="https://darkskyapp.github.io/skycons/skycons.js"></script>
I used the DarkSky GitHub test content in a separate HTML file, but I couldn’t get it to work as is with either of the CloudFlare hosted libraries. Switching to the library on GitHub and all was fine. I switched it out in the Scriptable script and that seemed to work okay too.
When you get stuck on where to start debugging, try and go back to the simplest elements and examples and build it up from there.
Hope that helps.
Thank you so much. This has helped me alot.