“createPopper”不是我们使用引导程序时发生的函数错误 需要popper.js脚本但不在页面上加载它的组件或 在引导脚本之后加载它。要解决此错误，请包括引导程序 在运行 JavaScript 代码之前捆绑脚本。

这是一个工作示例，它加载引导捆绑包脚本来解决 错误。

Dropdown button
Action
Another action
Something else here

引导捆绑包脚本包括：

1. 我们需要的脚本，以便添加功能 下拉列表、模态、工具提示、弹出框等。popper.js

2. JavaScript插件。bootstrap.min.js

我们按以下顺序在页面上加载脚本：

1. 加载 Bootstrap CSS 文件。
2. 加载 jQuery 库（可选）。
3. 加载引导捆绑包脚本。
4. 运行我们自己的 JavaScript 文件 （）。index.js

下面是示例中文件的内容。index.js

const myDropdown = document.getElementById('dropdownMenuButton1');myDropdown.addEventListener('show.bs.dropdown', function () {console.log('Dropdown shown');
});

我们在下拉菜单中添加了一个事件侦听器，以便每次都打印消息 将显示下拉列表。

下面是单独加载脚本的完整示例。

Dropdown button
Action
Another action
Something else here

我们在脚本之前加载了脚本， 否则我们会得到“createPopper 不是函数”类型错误。popper.min.jsbootstrap.min.js

我更喜欢使用 Bootstrap 捆绑包，因为它更直观并减少了 重构时可能出错的事情。

结论 #

“createPopper”不是我们使用引导程序时发生的函数错误 需要popper.js脚本的组件，但我们没有将其加载到页面上 或在引导脚本之后加载它。要解决此错误，请包括 在运行 JavaScript 代码之前引导捆绑脚本。