Kevin Powell - Community•2y ago

Some icons will not load in github pages

Some of my icons will come back as status 404 when i open the github pages site. But in my VS code live server they all show up fine. I have updated the repo a few times to make sure the icons matched.

6 Replies

b1mind•2y ago

Please share teh repo / live link so others can see the code

Errtu•2y ago

https://bsupinski.github.io/weather_app/ https://github.com/bsupinski/weather_app

GitHub

GitHub - bsupinski/weather_app

Contribute to bsupinski/weather_app development by creating an account on GitHub.

b1mind•2y ago

you need a relative path

 <img src="icons/${this._weatherIconFormat(hour.hourCondition)}${
          hour.hourDayNight
        }.svg" alt="" />

 <img src="icons/${this._weatherIconFormat(hour.hourCondition)}${
          hour.hourDayNight
        }.svg" alt="" />

I think because I block location by default its not showing me anything when you are hosting on github your domain changes to a path with a /subfolder/ as the repo

MarkBoots•2y ago

make sure you have the capitalization right for example i found one where you reference Partly cloudy1.svg while the filename is Partly Cloudy1.svg

b1mind•2y ago

ah that too 😮

Errtu•2y ago

Thank you double checking the spelling on them all. Once I get everything working with geolocation I will be adding the enter location overlay if location is blocked feature.

Gaming

Programming

Some icons will not load in github pages