Image Error Only on Render Deoployed Website

1

I am learning npm and webpack and made a todo list which works fine on the ide however when running the deployed render website some images dont load unless i hover onto them which fixes it. any reason to why this is?
circle.png/:1

   Failed to load resource: the server responded with a status of 404 ()

/favicon.ico:1

   Failed to load resource: the server responded with a status of 404 ()

white-dots.png/:1

   Failed to load resource: the server responded with a status of 404 ()

src=“https://checkmate-85k3.onrender.com/white-dots.png/”
When i go to the src in a new tab it works

2

note i found out that for some reason the image src is adding a “/” at the end of the src for the images not working

3

Hi,

A trailing / signifies that you’re looking for a path. On a static site, a path like /about/ is actually be looking for a server folder of /about/index.html.

white-dots.png is not a path, it’s a filename, so the trailing slash should be invalid and show a 404. This is likely a typo in your code.

Alan

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.