boot strap中的下拉列表不工作-显示控制台中需要的popper.js

在boot strap中，下拉列表不工作并显示控制台中需要的popper.js的问题可能是由于以下原因导致的：

缺少popper.js库：popper.js是一个用于处理弹出框和下拉列表等浮动元素位置的JavaScript库。在使用boot strap的下拉列表时，需要引入popper.js库。你可以通过在HTML文件中添加以下代码来引入popper.js库：

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>

引入顺序错误：在引入boot strap和popper.js库时，需要确保它们的引入顺序正确。通常情况下，应先引入boot strap的CSS文件，然后再引入popper.js库，最后引入boot strap的JavaScript文件。例如：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>

JavaScript冲突：如果页面中已经引入了其他的JavaScript库或代码，可能会导致与boot strap和popper.js之间的冲突。你可以尝试将其他的JavaScript代码注释掉，然后再测试下拉列表是否正常工作。
HTML结构错误：下拉列表的HTML结构必须符合boot strap的要求。确保下拉列表的父元素具有dropdown类，并且下拉列表本身具有dropdown-menu类。例如：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉列表
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">选项1</a>
    <a class="dropdown-item" href="#">选项2</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

如果以上方法都无法解决问题，可能需要进一步检查浏览器控制台中的错误信息，以便更好地定位问题所在。