Bootstrap 下拉列表需要 Popper.js 和 Angular 2 个项目

Question

我刚刚通过 angular-cli 创建了一个 angular 2 项目。然后我使用 Bootstrap 官方网站提供的命令 npm install bootstrap@4.0.0-beta.2 添加了 Bootstrap v4。

无论如何，除了控制台中出现以下错误外，一切正常window：

Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
    at scripts.bundle.js:179
    at scripts.bundle.js:588

我已经安装了 popper.js 并在 .angular-cli.json 中添加了 :

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

但是还是报错！

Answer 1

我有同样的错误。

尝试运行:

npm install --save bootstrap@4.0.0-alpha.6

Answer 2

我几乎用包 npm install ngx-bootstrap --save.

解决了这个问题

当然不是直接的方法，不过还是可以的。

Bootstrap 下拉列表需要 Popper.js 和 Angular 2 个项目

Bootstrap dropdown require Popper.js with Angular 2 project

javascript

webpack

bootstrap-4

angular

popper.js