Bootstrap modal() Undefined 不是 npm 模块的函数答案

【问题标题】：Bootstrap modal() Undefined is not a function with npm modulesBootstrap modal() Undefined 不是 npm 模块的函数
【发布时间】：2014-12-24 17:44:35
【问题描述】：

当我尝试调用 $("#myDiv").modal() 时出现错误。错误是：

Uncaught TypeError: undefined is not a function

我已经看到这个错误来自几个不同的地方，并且在不同的地方使用不同的参数调用了 modal()。我看到很多问题都说解决方案是以正确的顺序包含 jquery 和 bootstrap 文件。我觉得这很令人困惑，因为我使用的是 jquery 和 bootstrap npm 模块，所以我没有在任何地方包含他们的 js 文件。我怎样才能让它与 npm 模块一起使用？

【问题讨论】：

你的项目中有bower install bootstrap它吗？
确保 bootstrap 在 jQuery 之后。
那么您使用的是什么模块工具？需要JS？浏览器化？你不能直接在浏览器中使用 npm 模块。
也许我误解了这些模块的使用方式。我使用 npm install 及其各自的名称安装了 bootstrap 和 jquery。我的引导元素似乎正在工作，每当我想进行 ajax 调用时，我都会使用“$ = require('jquery')”。我正在使用带有 browserify 的 gulp 来构建项目。我应该在哪里包括 jquery 和 bootstrap？
只需升级到 Bootstrap v3.3.0。应该感谢github.com/twbs/bootstrap/pull/13824

标签： javascript jquery node.js twitter-bootstrap

【解决方案1】：

这个问题可能会得到解决。但我正在添加解决方案以供将来参考。

尝试检查是否包含 bootstarp jQuery 库。这个问题可能是因为您还包括一个 jQuery 库以及现有的引导程序 jQuery 库到网页中。 Bootstrap 将始终引用第一个包含的 jQuery。

.modal() 包含在 bootstrap 的 jQuery 中。因此，请尝试将其包括在内。

【讨论】：