由于 jQuery，Bootstrap 下拉菜单在 Node 应用程序中不起作用

Posted 2023-03-08

【中文标题】由于 jQuery，Bootstrap 下拉菜单在 Node 应用程序中不起作用

【英文标题】：Bootstrap dropdown won't work In Node app because of jQuery

【发布时间】：2017-08-15 08:15:08

【问题描述】：

我目前正在使用把手创建一个节点应用程序。对于布局，我想要一个带有下拉菜单的 Bootstrap 导航栏。下拉菜单不起作用，因为我无法让 jquery 工作。

这是我的目录结构，仅包含相关文件：

root
  ├ models
  ├ node_modules
  | ├ jquery
  ├ public
  | ├ css
  | | ├ bootstrap.css
  | ├ fonts
  | ├ js
  | | ├ bootstrap.js
  | | ├ jquery-3.1.1.js  
  ├ routes
  ├ views
  ├ app.js  
  ├ package.json

如您所见，我已将 jquery 作为模块下载，并使用从网站下载的版本将其添加到我的公共文件夹中。

我已将其链接到我的 layout.handlebars 文件中，如下所示：

<script type = "text/javascript" src = "/js/jquery-3.1.1.js"></script>

我的 app.js 文件中也需要它，如下所示：

var $ = require('jQuery');

即使有两种实现方法，jQuery 仍然无法正常工作，并导致我的下拉菜单无法正常工作。

如果我检查我的页面，我会收到以下消息： 如果我检查源，我们可以看到我的引导 js 文件和链接的 jquery 文件，但是：

感谢任何帮助！

【问题讨论】：

那个错误告诉你问题所在。你有 jquery 3.1.1，但 bootstrap 要求 jquery 版本低于 3。

天哪..谢谢..我使用的是古代版本的引导程序。我现在想放弃编码。

【参考方案1】：

在实际使用我的大脑和阅读之后，错误消息告诉我我的 Bootstrap 版本与我的 jQuery 版本不兼容。请参阅上面我的问题中的错误消息以进行澄清。

【讨论】：

“小鬼”？您的答案如何或形成完整的答案？如果另一个与您有相同问题的用户进来并看到了该答案（实际上这几乎就是错误所说的），您认为他们会知道这意味着什么吗？一个真正的答案至少会有更多的实质内容。

另一方面，您的问题堪称典范；格式良好，有相关代码，并给出了找出发生了什么所需的所有细节。答案应该是类似的口径:)