javascript - 下拉.js :186 Uncaught TypeError: u is not a constructor returning when I click on the dropdown button

Question

在我的 node_modules 中，我添加了 Bootstrap 的依赖项，它允许我获取 dropdown.js。
但是，当我进入使用下拉菜单的页面时，当我单击下拉按钮时，它在开发模式下不起作用，并返回以下错误:

dropdown.js:186 Uncaught TypeError: u is not a constructor
    at c.t.show (dropdown.js:186)
    at c.t.toggle (dropdown.js:137)
    at HTMLButtonElement.<anonymous> (dropdown.js:375)
    at Function.each (jquery.js:367)
    at jQuery.fn.init.each (jquery.js:202)
    at jQuery.fn.init.c._jQueryInterface [as dropdown] (dropdown.js:362)
    at HTMLButtonElement.<anonymous> (dropdown.js:528)
    at HTMLDocument.dispatch (jquery.js:5237)
    at HTMLDocument.elemData.handle (jquery.js:5044)

这个 dropdown.js 文件中的相关行如下:

this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig());

“波普尔不是构造函数。”

我试过这个:

this._popper = Popper.createElement(referenceElement, this._menu, this._getPopperConfig());

但它仍然无法正常工作。

奇怪的是，我只在开发模式下得到这个错误，而不是在生产中。

这是整个文件 dropdown.js 的链接，但我不确定它是否会有所帮助:

dropdown.js

Answer 1

如果你使用 "bootstrap": "^4.4.1"和 @popperjs/core v2.x 组合，bootstrap 可能不支持 popperjs 版本。因此，降级您的版本以消除此错误。
选项1:npm install popper.js@^1.12.9 --save并在 jquery 和引导脚本之间添加以下脚本。"node_modules/popper.js/dist/umd/popper.min.js" ,
选项 2:
将以下脚本标签添加到 index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>