html - 在 Bootstrap 5 中创建下拉按钮时未捕获 TypeError
问题描述
我正在尝试使用 Bootstrap 5 创建下拉按钮,但出现错误:
未捕获的类型错误:t.createPopper 不是函数
这是我的 HTML 代码:
<div class="dropdown">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown link
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
这些是我正在使用的脚本:
<script src="assets/scripts/vendors/jquery-3.5.1.min.js"></script>
<script src="assets/scripts/vendors/popper.min.js"></script>
<script src="assets/scripts/vendors/bootstrap.min.js"></script>
解决方案
您可以使用bootstrap.bundle.min.js
或bootstrap.bundle.js
作为包含 Popper 的离线库。前任:-
<script src="src/jquery-ui.min.js"></script>
<script src="src/bootstrap.bundle.min.js"></script>
这解决了我的问题。希望这可以帮助某人。
推荐阅读
- python - 等待弱引用的死亡
- java - JaxB Xml 找不到 NullPointerException 的原因
- swiftui - UIBezierPath / Shape 有奇怪的定位和调整大小行为
- python - 熊猫中的连接数据框给出了不同的结果
- javascript - 如何使用 Firebase、JavaScript、jQuery、Ajax、JSON 向多个设备/令牌发送移动推送通知
- julia - Julia 在脚本中共享变量
- c# - 让方法返回一些东西只是为了测试它?
- spring - springframework 中注解的植入在哪里?
- python - 彩条轴格式不正确
- laravel - 在 LARAVEL .ENV 文件中读取系统变量