Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css chrome中Sass样式表的MIME类型为text/plain_Css_Google Chrome_Sass - Fatal编程技术网

Css chrome中Sass样式表的MIME类型为text/plain

Css chrome中Sass样式表的MIME类型为text/plain,css,google-chrome,sass,Css,Google Chrome,Sass,我在本地机器上有一个普通的文件网站,希望使用Sass。在我的索引页的中,我有: <link rel="stylesheet" type="text/css" href="stylesheets/style.scss" /> 不过,当我在Chrome中运行此命令时,控制台中出现了一个错误: 资源被解释为样式表,但使用来自索引中链接标记的MIME类型text/plain进行传输 如何更改meme类型,使Chrome呈现我的Sass样式?不要认为可以将Sass直接插入网页。首先必须有

我在本地机器上有一个普通的文件网站,希望使用Sass。在我的索引页的
中,我有:

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

不过,当我在Chrome中运行此命令时,控制台中出现了一个错误:

资源被解释为样式表,但使用来自索引中链接标记的MIME类型text/plain进行传输


如何更改meme类型,使Chrome呈现我的Sass样式?

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

  • 您确定要在页面中使用普通SCS作为样式表,而不进行任何编译吗
  • 告诉http服务器使用“text/css”作为*.scss文件的内容类型(请参阅相关内容)

  • text/x-sass
    text/x-scss
    ,根据


    要知道,这不会使web浏览器为您将其编译为CSS,因为它们不包含SASS解析器/编译器。这方面的唯一使用案例是通过配置的HTML解析器转换的模板。

    在您的特定情况下,问题是您正在链接HTML中的scss文件,chrome无法解释scss

    您需要做的是使用sass中的预处理器将文件从sass转换为css。您可以执行以下操作:打开终端并打开存储SCS的目录,然后运行sass--watch main.scss main.css这会将您的SCS处理为所需的css,并不断检查更改。在本例中,我的sass文件名为main.scss,它将在main.css文件中将我的sass转换为css


    完成后,您需要做的是将css文件链接到html中,并确保指向正确的文件。

    是什么让您觉得Sass文件可以这样使用?我认为Chrome目前无法将原始.scss文件评估为.css。您可能仍然需要编译为CSS。理论上,您可以拥有一个HTML文档,其中包含一个
    元素,该元素包含要转换为CSS的SASS。配置的HTML解析器知道应该编译内容的唯一方法是在
    type
    属性中是否定义了mime类型。Less.js通过
    支持此功能。
    x
    前缀的用途是什么?我知道这有时用于非标准HTTP头,有没有非标准mimetype这样的东西?