Bootstrap .dropdown() “未捕获的类型错误：未定义不是函数”

Question

我知道以前有人问过这个问题，但不知何故，其他人的修复方法都没有对我有用。我觉得这与导入我的插件有关。单击引导下拉框中的字段时，我在控制台中看到此代码行的“未定义不是函数”：

$target.closest( '.btn-group' )
     .find( '[data-bind="label"]' ).text( $target.text() )
        .end()
     .children( 'dropdown-toggle' ).dropdown('toggle');

这是我的 HTML 中的导入代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="application/javascript" data-main="static/js/main" src="static/js/libs/require/2.1.11/require.js"></script>
<script src="static/js/libs/bootstrap/bootstrap.min.js"></script>
<link href="static/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">

每当我单击下拉框时，我也会在控制台的“网络”选项卡中收到此错误，它表示请求已被取消：

file:///home/chad/.config/google-chrome/Default/Extensions/gkojfkhlekighikafcpjkiklfbnlmeio/1.6.222_0/js/jquery.min.map

对此的任何帮助将不胜感激！几个小时以来，我一直在拉头发。

Answer 1

这里是长镜头，但您使用的是名为“Hola”的 chrome 扩展程序吗？我注意到了这条消息

Denying load of chrome-extension://gkojfkhlekighikafcpjkiklfbnlmeio/js/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

在测试我正在开发的 Web 应用程序时，发现是该扩展程序导致了错误，只是将其禁用并且消息不再出现。我也在使用引导程序，不知道它是否与此有关。

“//”后面的代码是扩展的id，可以和Chrome扩展配置中的id比较，见this image，注意id和报错中的一样。

希望这会有所帮助。

Answer 2

也许你的脚本标签有问题？

<script type="application/javascript" data-main="static/js/main" src="static/js/libs/require/2.1.11/require.js"></script>

其中包括对dropdown() 的调用可能之前正在执行：

<script src="static/js/libs/bootstrap/bootstrap.min.js"></script>

其中定义了dropdown() 方法。

require 应用程序中的代码是否包含在 $(function() {}) 中？