NPM WARN:bootstrap@4.0.0需要popper.js的对等体

tct7dpnv  于 2023-06-04  发布在  Bootstrap
关注(0)|答案(5)|浏览(322)

我在package.json中有以下依赖部分:

"dependencies": {
    "bootstrap": "*",
    "bootstrap-datepicker": "^1.7.1",
    "bower": "^1.8.2",
    "chosen-js": "^1.8.2",
    "datatables.net-dt": "^1.10.16",
    "jQuery-QueryBuilder": "^2.4.5",
    "jquery": "^1.4",
    "jquery-tagit": "*",
    "jquery-ui-dist": "^1.12.1",
    "prismjs": "^1.8.1",
    "qtip2": "^3.0.3",
    "multi-step-modal": 
        "git+ssh://git@git.ias.su:2022/dependencies/multi-step-modal.git"
}

当我运行npm update时,我得到:

LPS@1.0.0 /home/opshenichnikova/NetBeansProjects/lps/public
├── bootstrap@4.0.0 
├── jQuery-QueryBuilder@2.5.0 
├── multi-step-modal@1.0.0  (git+ssh://git@git.ias.su:2022/dependencies/multi-step-modal.git#2f9bc29093c9939c2ba23fa18fd22001a74040d2)
├── UNMET PEER DEPENDENCY popper.js@^1.12.9
└── prismjs@1.12.2 

npm WARN bootstrap@4.0.0 requires a peer of popper.js@^1.12.9 but none was installed.

我寻找原因,发现只有这个:Bootstrap 4: Uncaught ReferenceError: Popper is not defined
我知道这只是警告,但我总是保持我的代码警告免费。

v1l68za4

v1l68za41#

Popper.js不是真的需要

Bootstrap 4.0.0版本包含2个新文件bootstrap.bundle.jsbootstrap.bundle.min.js,其中包含Popper.js,您真的不需要它。

bootstrap.bundle.min.js就是Bootstrap.js + Popper.js。

Components requiring JavaScript

  • 用于显示和定位的下拉列表(还需要Popper.js
  • 用于显示和定位的工具提示和弹出框(还需要Popper.js
  • 我还没试过但我觉得没必要 *
    解决方案

您可以使用NPM路径'bootstrap/dist/js/bootstrap.bundle.js'。
或者,如果您最终想下载Popper.js,请下载所需的版本。

bootstrap/package.json

  • Bootstrap v4.0.0 "popper.js": "^1.12.9"
  • Bootstrap v4.1.1 "popper.js": "^1.14.1"
piok6c0g

piok6c0g2#

Bootstrap 4.0.0需要popper,所以在package.json中添加"popper.js": "^1.12.9"即可

例如:dropdowntooltipspopovers都不起作用:

https://www.codeply.com/go/CuOfa7UnUA(损坏,无弹出器)
注意:4.1之后,popper.js仅在下拉菜单、工具提示和弹出框中 * 必填 *。

dba5bblo

dba5bblo3#

如果它是说如下图像中,那么

它要求为您的项目安装popper.js。因此,获取项目位置的cmd并运行以下命令。

npm install popper.js --save

然后你可以看到如下图所示。

oipij1gg

oipij1gg4#

必须将"popper.js":"^require_version"添加到依赖项下的package.json中。

sdnqo3pr

sdnqo3pr5#

我在安装Bootstrap时遇到了Bootstrap with Angular的问题,而不是在创建Angular项目的目录中。它在我的情况下成功地工作,每次我安装它在角目录/文件夹看时,安装在项目文件夹。

相关问题