One of the stylesheets not linking - Failed to load resource: the server responded with a status of 404 ()

[HuWenShin]

My build and deployment are successful, and all stylesheets are working but one.
The link to my Netlify site is here, and the link to my GitHub repo is here. I deployed with the main branch.
The error in the Network tab is in the screenshot below.

I’ve tried moving folders and using different ways to reference the file in the code but it just keeps going wrong. Or maybe the problem is with how I linked it?? I linked it like this in the SVG file.

<link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="/map/Ocean.css" type="text/css"/>

I’ve been debugging for two days and can’t see what the issue is here, please help

[nathanmartin]

@HuWenShin See:

Images do not present on Netlify after deploying, but they work well on the local host

@ayush1 You are using Vite, so your issue is the same as many others using Vite. You haven’t read or understood the applicable documentation for Vite. Vite isn’t magic and it won’t work with whatever random project structure you throw at it. You should read the Vite Static Asset Handling Documentation, in particular the section concerning the Public Directory. Note: Anyone else encountering this thread that is using Vite and has an issue with images, favicons, or _redirects files (or other s…

If you run your build locally, you’ll see it never outputs that file:

[HuWenShin]

Hey @nathanmartin thanks for the lead, I read the documentation and moved it to the public folder and now it’s working