Node.js - Express - 静态 js 文件未在 html 中加载

Question

我知道这是一个成熟的问题，但我已经尝试了所有类型的教程并遵循堆栈和其他地方的所有建议，我的问题没有解决。

我正在尝试使用 node.js 和 express 构建一个简单的静态网站，以利用添加的服务器端功能，如 fs、数据库集成等，但使用旧式 css、html 和 js。

我知道 node.js 喜欢使用模板引擎（jade，ejs），但这不是我的情况，我需要一个简单的 index.html 文件，底部有一个脚本标签，用于存储在静态文件夹中的 javascript 逻辑/public（分离关注点）。 目前 init.js 只包含一个用于测试的 console.log。

 <script type="text/javascript" scr="/public/init.js" charset="utf-8"></script>

我遵循了有关 express 使用静态文件的指南，并尝试了以下方法的所有可能组合（为清楚起见，该方法位于名为 server.js 的文件中，该文件是我项目的 node.js 主文件）：

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

这解决了加载 css 文件的问题，因为现在我的页面可以正确加载 css，如下：

<link rel="stylesheet" href="/public/style.css">

我也试过很多脚本标签的组合，像这样：

<script type="text/javascript" scr="/init.js" charset="utf-8"></script>
<script type="text/javascript" scr="/public/init.js" charset="utf-8"></script>
<script type="text/javascript" scr="./public/init.js" charset="utf-8"></script>
<script type="text/javascript" scr="../public/init.js" charset="utf-8"></script>
<script type="text/javascript" scr="init.js" charset="utf-8"></script>

我的问题是为什么我的 /public/init.js 没有加载？我可以通过输入地址清楚地指向它，它将以文本形式显示文件的内容：

http://localhost:9000/public/init.js 

我检查了浏览器开发工具中的网络选项卡，init.js 完全被忽略了。 是否有任何安全策略阻止它加载？ 谢谢。

Answer 1

我猜你拼错了scr 它应该是src：

<script type="text/javascript" src="/public/init.js" charset="utf-8"></script>