CSS 无法从 `file:` URL 加载，除非它们以 `.css` 文件扩展名结尾

Question

我第一次尝试使用 sass 而不是 css 但是当我尝试加载样式表时浏览器告诉我它只能加载 .css作为样式表。这是 html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./index_style.scss">
  </head>
  <body>

  </body>
</html>

错误

[Deprecation] CSS cannot be loaded from `file:` URLs unless they end in a `.css` file extension.

我正在使用 chrome

Answer 1

SASS是预处理器，浏览器不理解.scss，只能理解.css。 SASS 将 .scss 文件转换为 .css.

可能有些项目允许从 HTTP 服务器动态加载 .scss 文件 "on the fly"，但该消息表明您正在直接从本地文件系统加载页面。

在这种情况下，您需要调用预处理器并将 link 上的 href 指向生成的文件。它可以直接使用命令行命令完成，使用您可以在此处找到的说明 (https://sass-lang.com/guide)，或者如果您使用的是 grunt、gulp 等任务运行器，则有任务 Sass 在那些.

CSS 无法从 `file:` URL 加载，除非它们以 `.css` 文件扩展名结尾

CSS cannot be loaded from `file:` URLs unless they end in a `.css` file extension

css

sass

loading