在 Node.js 中提供静态 JavaScript

Question

我正在尝试将 bootstrap.min.js 提供给页面。 但由于某种原因它不起作用。 但是 bootstrap.min.css 工作得很好。 我做错了什么？

在图片中你可以看到我的结构和我的部分代码。 真的没有太多事情发生。 我正在尝试像这样提供 JavaScript：

<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>

我对 CSS 做同样的事情并且它有效。

Answer 1

所以有一些评论和答案导致了我的问题的解决。 阅读@Josh-Beam 的反应后，我开始检查页面，发现我必须像 @Daniel 所说的那样在 bootstrap.min.js 之前包含 jquery.min.js。

之后，我收到一条错误消息，说 bootstrap 需要 popper.js 才能运行。 我包含这个popper.js是因为其他的给了我一个意外的令牌错误。 我把 popper.js 放在 jquery.js 之后

它现在运行得很好。 我的最终代码如下所示：

<script src="../js/jquery.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>

Answer 2

使用/js/bootstrap.min.js而不是../js/bootstrap.min.js 。 并以这种方式声明您的中间件：

app.use(express.static(path.resolve(__dirname, 'public')));