【问题标题】:App.js refused to apply style, refused to execute scriptApp.js 拒绝应用样式,拒绝执行脚本
【发布时间】:2019-01-27 21:05:42
【问题描述】:

我读过类似的问题,答案都围绕着纠正这样的一行:

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

不幸的是,我所阅读的内容都没有解决这个问题。

在我的 index.html 中有:

<link rel="stylesheet" href="public/css/style.css">
<script src="public/js/bundle.js"></script>

在我的 app.js 中使用:

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

当我访问该页面时,控制台会记录

localhost/:1 拒绝应用来自 'http://localhost:3000/public/css/style.css' 的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。

GET http://localhost:3000/public/js/bundle.js404(未找到)

localhost/:1 拒绝执行来自 'http://localhost:3000/public/js/bundle.js' 的脚本,因为它的 MIME 类型 ('text/html') 不可执行,并且启用了严格的 MIME 类型检查。

【问题讨论】:

  • 如果我不得不猜测……您发送的 mime 类型错误,并且您启用了严格的 mime 类型检查。但我只是根据错误说这正是你的问题。

标签: javascript html css node.js express


【解决方案1】:

在公共末尾添加一个“/”,如下所示:

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

并删除“public/”:

<script src="js/bundle.js"></script>
<link rel="stylesheet" href="css/style.css">

修复了问题。

【讨论】:

    猜你喜欢
    • 2018-12-15
    • 1970-01-01
    • 1970-01-01
    • 2020-02-12
    • 2014-09-03
    • 1970-01-01
    • 2023-03-22
    • 1970-01-01
    • 2014-07-14
    相关资源
    最近更新 更多