时间戳

首页 > 解决方案 > CSS 不能从 `file:` URL 加载，除非它们以 `.css` 文件扩展名结尾

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

问题描述

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

我正在使用铬

标签： csssassloading

解决方案

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

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

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

推荐阅读