如何在加载CSS文件时停止HTTP错误状态代码404

Question

我已经开始使用 Visual Studio 代码和实时服务器来练习制作网站，但 main.css 文件未随 index.html 一起加载。

使用开发工具时，它似乎是旧版本的 main.css，因为我所做的更改没有显示！

出现的确切消息是“无法加载 http://127.0.0.1:5500/CSS/main.scss 的内容（HTTP 错误：状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE）”

<link rel="stylesheet" href="/CSS/main.css">

上面是我使用过的代码，我尝试将 css 和 html 放在同一个文件夹中、不同的文件夹中，并确保我选择了正确的文件路径，就像在其中显示的那样提供自动填充选项，而不是全部输入。

Answer 1

您的网址显示

.scss

，但浏览器无法理解

scss

或

sass

要解决此问题：

1. 首先重启live sass编译器
2. 进行任何随机更改，例如在 main.scss 中删除并添加分号并保存。 这将重新编译整个 main.scss，您将获得更新的文件。

如果问题仍然存在，请执行以下操作：

试试这个：

1. 停止实时服务器。
2. 关闭编辑器中的所有其他文件，首先只打开

   Index.html

3. 右键单击并单击“使用实时服务器打开”。

它将自动加载您的所有其他文件。