TypeError:在popper.min.js中未定义e吗?

时间:2019-07-09 04:54:46

标签: angular bootstrap-4

我正在使用angular 8,并使用以下命令通过npm添加了引导程序

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错误时无法正常工作。在尝试了stackoverflow和其他网站上的所有可能建议后,请帮助我。

并且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的顺序后)

enter image description here

1 个答案:

答案 0 :(得分: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",