我正在使用一个网站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%肯定这是修复程序,但是对我来说仍然是一个胜利,因为它现在可以按预期运行。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句