小编典典

由于MIME类型未加载样式表

html

我正在使用一个网站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的东西(也许是设置吗?)?


阅读 542

收藏
2020-05-10

共1个答案

小编典典

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

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

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

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

2020-05-10