Danh sách thả xuống góc 4 Bootstrap yêu cầu Popper.js

Question

Tôi có ứng dụng CLular 4 CLI mới được tạo. Sau khi chạy này:

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

và chỉnh sửa .angular-cli.json như thế này:

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

tôi vẫn còn có một vấn đề trong Chrome Console:

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) 

Làm thế nào để sửa lỗi này ?

Answer 1

Bao gồm popper.js trước 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", 
],