小编典典

由于 MIME 类型而未加载样式表

all

我正在开发一个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 和 font-awesome 样式之间的合并(还没有自定义)。

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

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

但我不断收到错误。

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


阅读 135

收藏
2022-03-04

共1个答案

小编典典

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

在开发过程中,我不会缩小文件,也不会删除评论。这意味着样式表以一些注释开头,导致它被视为与 CSS 不同的东西。

删除库并将其放入供应商文件(始终在没有注释的情况下缩小)解决了这个问题。

同样,我不是 100% 确定这是一个修复,但它仍然是我的胜利,因为它现在按预期工作。

2022-03-04