ブートストラップのドロップダウンには、Angular 2プロジェクトのPopper.jsが必要です。

Question

角度2のプロジェクトをangle-cliで作成しました。その後、Bootstrap公式サイトから提供されたコマンドnpm install bootstrap@4.0.0-beta.2を使用してBootstrap v4を追加しました。

とにかく、すべてがコンソールウィンドウに次のエラーを除いて動作します：

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 ngx-bootstrap --saveを使用して問題を解決してきました。

もちろん、それは直接的な方法ではありませんが、正しく動作します。

Answer 2

私は同じエラーがありました。

は、実行してみましょう：

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