【问题标题】:TypeError: e is undefined in popper.min.js?TypeError:e 在 popper.min.js 中未定义?
【发布时间】:2019-07-09 04:54:46
【问题描述】:

我在 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的顺序后)

【问题讨论】:

  • 当您运行 ng serve/ng build 时,您的应用程序是否会加载您添加到“脚本”中的 js 文件:?您可以在检查 -> 网络选项卡中检查它
  • 不要使用 jquery 等。使用为 Angular 制作的包,例如 ng-bootstrap.github.iovalor-software.com/ngx-bootstrap
  • @Arash 网络选项卡不显示这些脚本它只显示默认脚本
  • @user1234 它应该加载您添加到 "styles": ["scripts": [ 中的任何内容

标签: javascript angular typescript single-page-application angular8


【解决方案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",

【讨论】:

  • 也试过这个,它给出了新的错误,因为 t 没有在 bootstrap.min.js 中定义
  • 你能帮我截个屏幕吗?
  • @TonyNgo 我认为顺序并不重要。
  • @TonyNgo 已添加截图请查看我的问题
  • @user1234 你会挖掘点击箭头并展开它
猜你喜欢
  • 2014-08-25
  • 1970-01-01
  • 2018-10-06
  • 2019-06-21
  • 1970-01-01
  • 2019-02-25
  • 1970-01-01
  • 1970-01-01
  • 2019-05-01
相关资源
最近更新 更多