Github pages not load images about react-coming-soon-template HOT 5 CLOSED

This background image link is giving a 404 error :

The issue is closed. Do you need help ?

from react-coming-soon-template.

This background image link is giving a 404 error :

The issue is closed. Do you need help ?

Sorry my bad, should be not closed. Yes I also see the 404. Do you have any idea why?

from react-coming-soon-template.

Let me take this up

from react-coming-soon-template.

The issue is that the image is referenced as:
https://arrlancore.github.io/static/bg-coming-soon-8c63f78b338c490c72be7355de424730.jpeg
This links to the following where you will see that it does not include the repo (react-coming-soon-template):
https://arrlancore.github.io/static/bg-coming-soon-8c63f78b338c490c72be7355de424730.jpeg

You will see that the image is at the following address:
https://arrlancore.github.io/react-coming-soon-template/static/bg-coming-soon-8c63f78b338c490c72be7355de424730.jpeg

The filepath needs a period (.) in the front which will then correctly add the repo to the URL:
background-image: url(./static/bg-coming-soon-8c63f78b338c490c72be7355de424730.jpeg);

You will then see the image is correctly referenced. Imgur link

Be careful of when you develop locally as GitHub Pages will always add your repo name (github.io/name/repo/index.html) whereas when you develop locally on something such as LiveServer (VSCode Extension), it is going to have a root address such as 192.168.1.10/index.html . Adding a period . at the start of the path should solve this for you moving forward.

from react-coming-soon-template.

Thanks all for sugesting, try using netlify and the issue solved. Now we build on https://react-coming-soon-template.netlify.com/

from react-coming-soon-template.