由于MIME类型未加载样式表

尼克:

我正在使用一个网站gulp进行编译和浏览器同步,以使浏览器与我的更改保持同步。

gulp任务可以正确编译所有内容,但是在网站上,我看不到任何样式,并且控制台显示以下错误消息:

拒绝从' http:// localhost:3000 / assets / styles / custom-style.css ' 应用样式,因为它的MIME类型('text / html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。

现在,我真的不明白为什么会这样。

HTML包含这样的文件(我很确定是正确的):

<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>

样式表目前是Bootstrap和超赞字体之间的合并(尚无自定义)。

路径也是正确的,因为这是文件夹结构:

index.html
assets
|-styles
  |-custom-style.css

但是,我不断得到错误。

会是什么呢?这是gulp / browsersync的东西(也许是设置吗?)?

尼克:

我认为,问题出在以注释开头的CSS库。

在开发过程中,我不会缩小文件,也不会删除注释。这意味着样式表以一些注释开头,从而使其被视为与CSS不同。

删除该库并将其放入供应商文件(总是缩小而没有注释)解决了该问题。

再说一次,我不是100%肯定这是修复程序,但是对我来说仍然是一个胜利,因为它现在可以按预期运行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

资源解释为样式表,但以MIME类型text / javascript传输

golang资源解释为样式表,但以MIME类型text / plain传输

Springboot-资源解释为样式表,但以MIME类型text / htm传输

无法加载样式表,因为MIME类型为text / html

ASP MVC资源解释为样式表,但使用MIME类型application / javascript传输

节点拒绝应用样式,因为其MIME类型('text / html')不是受支持的样式表MIME

Angular1 Nginx资源解释为样式表,但以MIME类型text / html传输

由于不支持其MIME类型,因此未显示样式表,尽管在调试时MIME类型显示为空白

MIME类型('text / html')不是受支持的样式表

由于MIME类型的Angular应用程序未加载样式表

MIME类型('text / html')不是受支持的样式表MIME类型

自定义WordPress样式表未加载

NodeJS,MIME类型('text / html')不是受支持的样式表MIME类型

资源被解释为样式表,但以MIME类型text / x-scss传输

Python包:启动脚本时未加载样式表

样式表中的背景图片未加载Nextjs

动态加载样式表

样式表未加载

IE浏览器未加载特定的样式表

清除缓存后未加载Magento样式表

JavaFX加载样式表

由于证书错误,无法从鱿鱼加载图像和样式表?

本地样式表和脚本未加载 JAVA

由于 MIME 类型,首次启动时未加载样式表

登录 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型

样式表 style.css 未加载,因为其 MIME 类型“text/plain”不是“text/css”

由于 MIME 类型错误,html 视图无法加载 css 样式

拒绝应用样式,因为其 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型

外部样式表未加载