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" 
], 

我仍然在Chrome控制檯的一個問題：

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

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