引导程序5：通过JavaScript显示下拉列表时出错

我试图通过JS显示一个下拉列表。不幸的是，在Bootstrap5中似乎有一个bug。 在这个示例代码中，显示模式可以工作，但显示下拉列表会引发一个异常：

uncaughttypeerror:cannotread属性'classList'of undefined at_e.show（dropdown.js:140）

标题
下拉按钮





情态标题
模态体文本在这里

让testModal=document.getElementById（“testModal”）；
//新的bootstrap.Modal（testModal.show（）//作品
设testDropdown=document.getElementById（“testDropdown”）；
新的bootstrap.Dropdown（testDropdown.show（）//不起作用

我是做错了什么还是这是一个错误

---

提前感谢。

元素应该是

下拉触发器，而不是父
下拉列表

<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" id="testDropdown" type="button" data-bs-toggle="dropdown"> Dropdown button </button>
    <ul class="dropdown-menu">
        <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>


下拉按钮






我不用按钮就能让它工作：



下拉测试
搜寻
let searchDropdown=new bootstrap.Dropdown（“#Dropdown_SEARCH”）；
searchDropdown.show（）；
谢谢，它很管用！然而，在引导程序4中，可以不使用切换按钮来显示它，您知道在引导程序5中是否可以这样做吗？请接受答案，因为它解决了问题。在Bootstrap 4中有这样的例子吗。。哪个会使用jQuery而不是vanilla JS？Bootstrap4中的所有功能都有效：html:
js:
$（document.getElementById（“DROPDOWN\u SEARCH”））.DROPDOWN（'show'）我找到了解决方案，有关详细信息，请参阅我的其他答案。
<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" id="testDropdown" type="button" data-bs-toggle="dropdown"> Dropdown button </button>
    <ul class="dropdown-menu">
        <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>