Html 引导的下拉列表需要Popper.js

我正在努力与进口，使下拉式多选择器的工作。 我从JS动态加载了此选择器：

 <div class="col-sm-4">
        <label class="control-label input-label" for="statusFilter"
               th:text="#{playerlist.filter.status}"></label>
        <select id="statusFilter" class="selectpicker" multiple="multiple"
                data-show-subtext="true" data-live-search="false" onchange="findReportsWithFilters()"
                th:title="#{playerlist.filter.status}">
        </select>
    </div>

在我的html的末尾有这些导入：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>

我不知道为什么即使导入了Popper.js，在引导之前和jQuery之后都会出现这个错误

---

有什么想法吗？

可能是由于完整性检查失败导致popper未加载。只需检查它们是否确实是从chrome开发者工具控制台加载的。你会明白的。还要确保popper是在bootstrap.js之前加载的，而不是在bootstrap.js之后加载的。因此，顺序可能是：popper.js、bootstrap.js、bootstrap-select.js。由于完整性检查失败，popper未加载。只需检查它们是否确实是从chrome开发者工具控制台加载的。你会明白的。还要确保popper是在bootstrap.js之前加载的，而不是在bootstrap.js之后加载的。所以顺序是：popper.js，bootstrap.js，bootstrap-select.js