Css chrome中Sass样式表的MIME类型为text/plain
我在本地机器上有一个普通的文件网站,希望使用Sass。在我的索引页的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直接插入网页。首先必须有
中,我有:
<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这样的东西?