我正在使用一个网站gulp进行编译和浏览器同步,以使浏览器与我的更改保持同步。
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%地确定这是修复程序,但是对我来说仍然是一个胜利,因为它现在可以按预期运行。