CSS won't render when hosted, works well locally

[shivangraikar]

my UI code struture is src>homepage.js, homepage.css, login.js, login.css, register.js, register.css.
Works well locally, but when hosted and upon checking the SOURCE on vercel, my CSS wont show up. Also, when visiting the deployed link, it won’t display with styling.

https://wealthwatch-9weah0ysr-shivang-raikars-projects.vercel.app/login
https://wealthwatch-9weah0ysr-shivang-raikars-projects.vercel.app/register

[pawlean (Pauline P. Narvas)]

Hey, @shivangraikar! Welcome to the Vercel Community

I can’t access your domain, could you share the deployment URL with us?

In case it’s helpful, sharing similar posts by community members:

CSS not loading when using custom domain

Hello, currently i’m doing a web page for a personal proyect at school. I developed the page with v0. The https://ocn.vercel.app subdomain works perfectly, whereas https://ocn24.org doesn’t work, just shows the HTML code without any styles. Current behaviour is that https://ocn24.org doesn’t show styles, only html. Expected behaviour: Get the same page from https://ocn24.org and https://ocn.vercel.app GitHub - cirosanchez/ocn that’s the code Deployment URL or Custom Domain: https://ocn24…

CSS on Nuxt 3 app doesnt load properly

Hi, @dk-raw! Welcome to the Vercel Community I just went on your site and it looks like the CSS is working correctly now? Feel free to share your solution with us. Let us know if you need any more help with anything else!

Css issue on domain

The domain troubleshooting guide can help with most custom domain configuration issues. You might be able to use that guide to solve it before a human is available to help you. Then you can come back here and share the answer for bonus points. You can also use v0 to narrow down the possibilities.

[shivangraikar]

GitHub repo for reference: https://github.com/shivangraikar/Portfolio-Optimizer
Deployment URL: Wealth Watch

[shivangraikar]

@pawlean Please find the links to my repo and deployment in the REPLY. Thanks for your help!

[pawlean (Pauline P. Narvas)]

I can see CSS rendered

What are you seeing?

[shivangraikar]

This is the hosted app:

Locally, it is styled.

[neversitdull (Josh Dunsterville)]

This looks styled to me. I’m guess you’re expecting it to look different though? Do you have a screenshot of how it should look?

[grant-servedclub (Grant Brewster)]

I’m having this same issue. It works locally, in preview deployment, but not in production deployment.

Production:

GoodLabs Center Portal

Preview:
https://center-portal-v1-rhm5iyvdq-good-labs.vercel.app/login

Doesn’t make any sense to me

[pawlean (Pauline P. Narvas)]

Hey, Grant! Sorry to hear you’re encountering the same issue.

How did you get on with these?

CSS won't render when hosted, works well locally

Hey, @shivangraikar! Welcome to the Vercel Community I can’t access your domain, could you share the deployment URL with us? In case it’s helpful, sharing similar posts by community members:

[shivangraikar]

I had an issue with the path to the CSS being rendered, make sure you double check that. Your site returns a 404 error that is due the file not being located, try renaming the file.

[grant-servedclub (Grant Brewster)]

Hi Pauline, its happening in incognito, different browsers, and on my phone. Its very hard to debug since its not happening locally.

It looks like none of the css is even showing up in the sources tab in the browser