Angular 4 BootstrapドロップダウンにはPopper.jsが必要です

Question

新しく作成したAngular 4 CLIアプリケーションがあります。このような

npm install bootstrap@4.0.0-beta jquery popper.js --save 

と編集.angular-cli.json：これを実行した後

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

私はまだクロームコンソールに問題があります。

Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org) 
    at eval (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9), <anonymous>:6:17548) 
    at eval (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9), <anonymous>:6:23163) 
    at eval (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9), <anonymous>:6:50902) 
    at eval (<anonymous>) 
    at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) 
    at Object.../../../../script-loader/index.js!../../../../bootstrap/dist/js/bootstrap.min.js (bootstrap.min.js?f885:1) 
    at __webpack_require__ (bootstrap a2f1d85ef068872b0530:54) 
    at Object.2 (scripts.bundle.js:66) 
    at __webpack_require__ (bootstrap a2f1d85ef068872b0530:54) 
    at webpackJsonpCallback (bootstrap a2f1d85ef068872b0530:25) 

を、私はこの問題を解決するにはどうすればよいです？

Answer 1

はbootstrap.js前popper.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", 
],