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

【问题标题】：CSS cannot be loaded from `file:` URLs unless they end in a `.css` file extensionCSS 不能从 `file:` URL 加载，除非它们以 `.css` 文件扩展名结尾
【发布时间】：2020-03-02 16:17:06
【问题描述】：

我第一次尝试使用 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.

我正在使用铬

【问题讨论】：

标签： css sass loading

【解决方案1】：

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

可能有一些项目允许从 HTTP 服务器“动态”动态加载 .scss 文件，但该消息表明您是直接从本地文件系统加载页面。

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

【讨论】：