Responded with a status of 404

#1

I’m not able to link my external CSS and is getting a 404 status code. Here are the troubleshooting steps I did:

  1. Same error with Firefox and Chrome.
  2. Localhost Error: Unsupported stylesheet MIME type. But I’m able to build is successfully.
  3. I am able to follow the CSS files inside my VS Code.
  4. Tried .
  5. Also tried .
  6. Already removed CSS comments as what others suggested.
  7. I’m not using any theme as I’m trying to build everything from scratch.
  8. I think it has something to do with the root directly but I just don’t know how to change the root directly in Vercel. Yes, I’m using Vercel instead of Netlify.

Here’s the link to my repo if you’d like to check it out: https://bit.ly/3kHBEK0

I’ve already read the docs but can’t find the answer, unfortunately. A noob needs your assistance. :slight_smile:

#2
  1. Tried <base href="{{ $.Site.BaseURL }}"> and <base href="/'>
#3

See https://github.com/reyortilla/reyortilla-com/blob/master/layouts/partials/head.html#L12-L14.

Change:

<link rel="stylesheet" href="/static/css/foo.css">

To:

<link rel="stylesheet" href="/css/foo.css">

Please read:

1 Like
#4

Thanks so much, Sir. It worked.

#5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.