Online icons aren't loading (docker-compose)
I've used the official docker-compose instructions to get homarr up an running. It worked pretty great first but I stumbled across the Issue where Icons sourced from cdn.jsdelivr.net won't load. First I thought my Pi-hole was blocking the domain but my Server doesn't use my Pi-hole as DNS but I added cdn.jsdelivr.net to the whitelist anyway. Unfortunately it still doesn't work.
Running docker logs homarr only shows: Local icons repository directory exists and contains 0 icons
Running ping cdn.jsdelivr.net inside the docker container is successful so the container can reach the url. Pinging the url from my local machine is also successful.
Looking through the Inspect console, it's showing me cdn.jsdelivr.net returned an invalid certificate. At least that's what I'm thinking. Trying to access the site via the browser gives me the error NET::ERR_CERT_COMMON_NAME_INVALID.
I suppose I'm experiencing something on my end because according to https://status.jsdelivr.com/
cdn.jsdelivr.net is not experiencing any issues.
Running Ubuntu Server 24.04 LTS with docker-compose: https://pastebin.com/pftHej9k
Pastebin
homarr: container_name: homarr image: ghcr.io/ajnart/homarr...
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
9 Replies
Thank you for submitting a support request.
Depending on the volume of requests, our team should get in contact with you shortly.
⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)
❓ Frequently Asked Questions | Homarr documentation
Can I install Homarr on a Raspberry Pi?
Your client does use PiHole though and the error is client side.
See your DNS log for details.
@Luigi
Cdn.jsdlevir.net had a tendency to be randomly added to various blocklists. It usually breaks the whole open-source side of internet and gets fixed in a day or 2, but just for good measure, add that url to your whitelist.
Yes that's what I thought initially. I checked my Pi-hole and confirmed Homarr isn't using Pi-hole and cdn.jsdelivr.net wasnt on a blacklist I had installed. Added it to the whitelist just to be sure but the issue still persist.
I tested it on a device that isn't using my Pi-hole but just basic Google dns and the issue is still there.
I spun up a second Homarr docker and it works there, so I may messed something up with the configuration. I'll look deeper into it and report back once I found out what the issue was.
Homarr doesn't pull the icons, you browser does. Homarr only gives the link to the image. So Pi-hole could have been the issue regardless.
I'm not sure how to go on checking this one out, because it's just a matter of "is your browser able to display that image with that link".
Since you have 2 homarr's, try to copy the config from the non working homarr to the working one and see if icons still work.
You can also try to make a new blank board and add the tile again with the image.
Correct, the client will pull the images, not the server. Therefore, the client must be able to resolve the DNS, communicate to the CDN and be able to load the images.
Sorry, was still recovering from a concussion yesterday and had issues thinking clearly. Of course the client pulls the icons from the CDN, why else would I get the error in my browser console... Was just me being stupid.
Anyway, fixed the issue. For some reason OpenWRT spontaneously decided to switch from Cloudflare DNS to my ISPs DNS (for whatever reason) .Switching from ISP DNS to Cloudflare fixed the issue so my ISPs DNS was somehow causing the issue. But weirdly, as mentioned in my post above, I tried it with a device that was connected to cellular and used Google DNS, but the issue still persisted. Don't know why but It's working now.
Sorry for wasting your Time again.
No that's fine.
Normally, ISP either directly give cloudflare's DNS server, or they make their own so they can have caching and better response time, which is then directly forwarded to a real DNS service.
Those can work like pihole if they want. It can even work like pihole if they don't want it to. You'd have to wait for their servers to refresh usually.
Personally I recommend using 9.9.9.9 and 9.0.0.9
Anyway, glad you got it working. Take care of your head and have fun with homarr
Possible explanation for why it didn't work on cellular: Your device possibly resolved the hostname before and cached it. It didn't clear cache when a DNS (or network) change was made and used the resolved data (unable to resolve). Anyway, can we close this issue and mark it as resolved? We hope that you enjoy Homarr. Cheers 👋