bootstrap下拉列表不起作用（尽管在bootstrap.js之前包含jquery）

我试图使引导下拉菜单工作。但它顽固地不起作用。我对stackoverflow问题进行了爬网，并在bootstrap.js之前加载了最新的bootstrap.js和jquery，并使用了最新的HTML版本。下拉菜单仍不工作。jsfiddle包括在下面

<!--Dropdown primary-->
 <div class="dropdown" id="myDropdown">

     <!--Trigger-->
     <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown primary</button>

     <!--Menu-->
     <div class="dropdown-menu dropdown-primary">
         <a class="dropdown-item" href="#">Action</a>
         <a class="dropdown-item" href="#">Another action</a>
         <a class="dropdown-item" href="#">Something else here</a>
         <a class="dropdown-item" href="#">Something else here</a>
     </div>
 </div>
 <!--/Dropdown primary-->

下拉式初级

---

需要引导下拉列表Popper.js

下拉按钮

您是否查看了控制台，它正在输出一个错误：dropdown.js:155 Uncaught TypeError:Bootstrap dropdown require Popper。js@Yousef_Shamshoum静止误差