Am using Node js React and vite as the build tool. The project has two folders a client and server folder. The server folder is hosted in render.com and client is hosted on netlify. Here is the link Ticket Booking initially, I keep getting this error : /src/m…

Ok, I’ve spotted it. Run npm run build then take a look in the dist folder that it produces. You’ll find there is a _headers file which contains: /assets/* Content-Type: application/javascript … don’t do that. It’s only broken on Netlify, because the _headers file is only being used on Netlif…

[image] markIB: /src/main.jsx:1 Failed to load module script: Expected a JavaScript module This issue would have been because you were accidentally deploying the source code. [image] markIB: the CSS(Tailwindcss) is not working/loading now The CSS file that the page includes is loading…

[image] nathanmartin: It just may not contain whatever you expect it to contain. but when I open the index.html inside the dist with live server it is working fine which means it contains the CSS as I expect…after npm run build

@markIB What precisely do you mean by “live server”? I’m concerned you might be “running the build” then “running the dev server”, and that you think that means your “build” has worked ok. Only the command that I wrote shows you the result of the “build”. If you run the “dev” command, then you’re…

[image] nathanmartin: Did you run npm run build && npm run preview? If so, what did you see? yes… [Screenshot 2025-03-20 at 1.58.50 PM]

[image] nathanmartin: What precisely do you mean by “live server” [Screenshot 2025-03-20 at 2.05.02 PM]

@markIB I don’t use whatever IDE you’re using, so I have absolutely no idea what that is. I just run the scripts that Vite provides in the package.json or its own commands. Which tend to be these: [image] When you run npm run build && npm run preview does it show what address to visit in your b…

[Screenshot 2025-03-20 at 3.10.12 PM]

this is in the http://localhost:5173 : [Screenshot 2025-03-20 at 1.32.19 PM]

And in https://67dbba5954c718f34ca2929a--booktheticket.netlify.app its still like: [Screenshot 2025-03-20 at 1.32.39 PM]

@markIB Do you have a link to a public repository? Also I just noticed… In this screenshot: https://answers.netlify.com/t/css-not-loading-working/142486/8 It has localhost:4173, that’s what you need to view. In this screenshot: https://answers.netlify.com/t/css-not-loading-working/142486/9 Yo…

Css not loading/working

Support

markIB March 20, 2025, 9:14am 9

this is in the http://localhost:5173:

Topic		Replies	Views
After deploy the css doesn´t load completely Support building , deployment , netlify-newbie	1	332	June 13, 2023
Some CSS declarations are just missing Support deployment	3	74	January 4, 2025
Deploy failing due to missing tailwindcss Support building , deployment , netlify-newbie	5	101	July 29, 2025
Vite and Tailwindcss fails on Netlify, works on local Support deployment , netlify-newbie	4	1974	March 14, 2023
After deploying page on netlify css/tailwind doesn't work Support deployment	6	304	December 26, 2024

Css not loading/working

Related topics