類型錯誤：e 在 popper.min.js 中未定義？

Question

我在 Angular 8 中工作，並使用以下命令通過 npm 添加了 Bootstrap

npm install jquery
npm install popper.js
npm install ngx-bootstrap bootstrap@4.1.1
（也試過 npm install bootstrap ）

並使用樣式和腳本更新了我的 angular.json 如下。

"styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/font-awesome/css/font-awesome.css"
            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/popper.js/dist/umd/popper.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.min.js"

            ]

我在 html 文件中添加了一個下拉代碼，但在檢查控制台時它不起作用我收到 popper.min.js 錯誤。

而 html 腳本是：

<div class="col-6 text-left">
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
                                    Project A
                            </button>
                            <div class="dropdown-menu">
                                    <a class="dropdown-item" href="#">Project A</a>
                                    <a class="dropdown-item" href="#">Project B</a>
                                    <a class="dropdown-item" href="#">Project C</a>
                                    <a class="dropdown-item" href="#">Project E</a>
                            </div>
                    </div>

@Tony Ngo 請找到截圖（更改popper 和bootstrap 的順序后）

Answer 1

你的導入順序應該是這樣的

 "node_modules/jquery/dist/jquery.min.js",
 "node_modules/bootstrap/dist/js/bootstrap.min.js",
 "node_modules/popper.js/dist/umd/popper.min.js",