导航栏下拉列表不适用于Angular-bootstrap

Question

我创建了一个angular 10项目，并向其中添加了bootstrap、jquery和popper js。之后，我从bootstrap文档中添加了一个默认导航栏，用于检查包含的那些依赖项。Bootstrap和Jquery工作正常，但是Popper JS，它负责在导航栏中显示下拉列表，不工作并且不显示输出。

The navbar

Angular.json中的包

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

Answer 1

我遇到了同样的问题。如果您使用的是Bootstrap 5，它将不能与popper.js一起工作。Popper.js已弃用。您需要安装：

核心npm install @popperjs/

然后更改您的angular.json脚本引用，并将popper.min.js替换为：

"./node_modules/@popperjs/core/dist/umd/popper.min.js"