Deployment succeeded but my webpage does not load css

Please:

  • choose at least one appropriate tag for your post (more is better)
  • a short description & what you have tried to fix it (DNS really may take up to 48 hours to propagate.)
  • build log errors, screenshots, etc
  • your Netlify instance name, for example: deluding-chances-2b123.netlify.com

Did you use the search before posting?
What about reading through our https://community.netlify.com/search?q=common%20issue?

as I wrote in title, my website doesn’t load css file.

website url is https://originals.netlify.com

I created it with react.

{{
“homepage”: “https://originals.netlify.com/”,

“devDependencies”: {

"gh-pages": "^2.2.0"

}

}

this is my package.json code.

I think I didn’t make url mistake or something but css does not working…

if you need anymore information please leave comment whenever you want

hi there,

firstly, do you have some kind of redirect happening on your application? I pulled up the URL you provided and I see it gets redirected from https://originals.netlify.com to https://originals.netlify.com/#/ which will affect your paths.

secondly, here is a screenshot from your developer console. I am seeing mixed case here:

Stylesheet vs Stylesheet and CSS vs css. Those two paths are NOT the same on a case sensitive system like ours, so if I were you i’d make sure that sure you standardize everything.

Also, the first link is a relative link with respect to the current directory, and the second is a relative link with respect to the root directory, so you’d want to check that as well.

good luck!

1 Like

Thanks so much for your reply! I will do my best to fix the problem!

1 Like

It was the problem of styled-components module!

I fix it to 4.4.1

version 5.0.0 maybe would need some other done…

THanks!

1 Like

glad it’s working now! :smiley: