0

我在本地机器上有一个正常的文件网站，并且想使用 Sass。在<head>我的索引页面中，我有：

<link rel="stylesheet" type="text/css" href="stylesheets/style.scss" />

虽然当我在 Chrome 中运行它时，我在控制台中收到错误：

Resource interpreted as Stylesheet but transferred with MIME type text/plain来自索引中的链接标签。

如何更改 meme 类型以便 Chrome 呈现我的 Sass 样式？

4

4 回答 4

6

text/x-sass并且text/x-scss，根据https://github.com/janlelis/rubybuntu-mime/blob/master/sass.xml

知道这不会让 Web 浏览器为您将其编译为 CSS，因为它们不包含 SASS 解析器/编译器。唯一的用例是一个模板，该模板旨在通过配置的 HTML 解析器进行转换。

于 2016-11-30T16:27:49.063 回答
4

不要认为您可以将 SASS 直接插入到您的网页中。首先必须有一些 SASS 预处理器。这为您提供了一个普通的 CSS 文件。

于 2013-10-29T13:13:31.703 回答
3
  1. 您确定要在您的页面中使用纯 Scss 作为样式表，而不进行任何编译吗？
  2. 告诉您的 http 服务器使用“text/css”作为 *.scss 文件的内容类型（请参阅相关的Chrome 说“资源解释为脚本，但使用 MIME 类型 text/plain 传输。”，给出了什么？）
于 2013-10-29T13:13:39.283 回答
0

在您的特定情况下，问题是您在 html 中链接了一个 scss 文件，而 chrome 无法解释 scss。

您需要做的是使用 sass 中的预处理器将文件从 sass 转换为 css。您可以执行以下操作打开终端并打开存储 scss 的目录并运行 sass --watch main.scss main.css 这会将您的 scss 处理为您需要的 css 并继续检查更改。在这种情况下，我的 sass 文件名为 main.scss，它会将我的 sass 转换为 main.css 文件中的 css。

完成此操作后，您需要做的是在您的 html 中链接 css 文件，它应该可以确保您指向正确的文件。

于 2020-01-07T00:56:21.333 回答