由于MIME类型未加载样式表

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用一个网站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％地确定这是修复程序，但是对我来说仍然是一个胜利，因为它现在可以按预期运行。

以上是 由于MIME类型未加载样式表 的全部内容， 来源链接： utcz.com/qa/415844.html

回到顶部