Deployment succeeded but my webpage does not load css

Support
, ,
#1

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://answers.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

1 Like
#2

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.

image
image707×196 7.03 KB

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

image
image1157×609 32.2 KB

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
#3

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

1 Like
#4

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
#5

glad it’s working now! :smiley: