由于MIME类型未加载样式表


狗头军师
2025-02-06 01:22:07 (13天前)

我正在使用一个网站gulp进行编译和浏览器同步,以使浏览器与我的更改保持同步。

gulp任务可以正确编译所有内容,但是在网站上,我看不到任何样式,并且控制台显示以下错误消息:

拒绝从’ http:// localhost:3000 / assets / styles / custom-style.css ’ 应用样式,因为它的MIME类型(‘text / html’)不是受支持的样式表MIME类型,并且启用了严格的MIME检查。

现在,我真的不明白为什么会这样。

HTML包含这样的文件(我很确定是正确的):


样式表目前是Bootstrap和超赞字体之间的合并(尚无自定义)。

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


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

但是我一直在出错。

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

2 条回复
  1. 1# v-star*위위 | 2020-08-05 16-29

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

    app.use(express.static(__dirname + ‘/public’));
    请注意,/public结尾处没有正斜杠,因此您需要将其包括在HTML的href选项中:

    href=”/css/style.css”>
    如果确实包含正斜杠(/public/),则可以这样做href=”css/style.css”。

登录 后才能参与评论