首页 > 解决方案 > 在 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>

标签: htmlcsstwitter-bootstrapbootstrap-5

解决方案


您可以使用bootstrap.bundle.min.jsbootstrap.bundle.js作为包含 Popper 的离线库。前任:-

<script src="src/jquery-ui.min.js"></script>
<script src="src/bootstrap.bundle.min.js"></script>

这解决了我的问题。希望这可以帮助某人。


推荐阅读