Bootstrap 4中的下拉错误

Question

我在bootstrap 4文档中创建了下拉列表[https://getbootstrap.com/docs/4.0/components/dropdowns/] 但是当我点击按钮时它会给出下面的错误。

@exempt_from_my_authentication_middleware
def my_view(request):
    # TODO

但我已经安装了propper.js依赖项。而且我在导航栏中使用了另一个下拉列表并崩溃但它们工作正常。

这是angular-cli.json

中的代码

<div class="btn-group">
   <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Manage Recipe</button>
   <div class="dropdown-menu">
      <a href="#" class="dropdown-item">To Shopping List</a>
      <a href="#" class="dropdown-item">Edit Recipe</a>
      <a href="#" class="dropdown-item">Delete Recipe</a>
   </div>
</div>

Answer 1

依赖项应该在 Bootstrap本身之前导入，因为后者将尝试使用尚未导入的Popper或jQuery中的函数。因此，您必须在 bootstrap之前放置popper.min.js ：

...
"scripts": [
   "../node_modules/jquery/dist/jquery.slim.min.js",
   "../node_modules/popper.js/dist/umd/popper.min.js",
   "../node_modules/bootstrap/dist/js/bootstrap.min.js"
],