因为MIME类型而没有加载样式表。

Question

因为MIME类型而没有加载样式表。我正在开发一个网站gulp编译和浏览器同步以保持浏览器与我的更改同步。GUMP任务正确编译所有内容，但在网站上，我无法看到任何样式，控制台显示以下错误消息：拒绝使用样式http：/localhost：3000/资产/样式/自定义-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但我一直搞错了。会是什么？这是什么东西(也许是一种环境？)可能是为了狼吞虎咽？

Answer 1

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

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

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

再说一遍，我不确定这是一个修复，但这仍然是我的胜利，因为它的工作，如预期现在。

Answer 2

对于Node.js应用程序，请检查您的配置：

app.use(express.static(__dirname + '/public'));

注意/public最后没有正斜杠，因此需要将其包含在HTML的href选项中：

href="/css/style.css">

如果你确实包括了一个正斜杠(/public/)那你就可以做了href="css/style.css".

Answer 3

当您没有正确引用CSS文件时，也会出现此错误。

例如，如果链接标记是

<link rel="stylesheet" href="styles.css">

但是您的css文件名为style.css(没有第二个s)那么您很可能会看到这个错误。