NPM警告:bootstrap@4.0.0需要popper.js的同伴

Olg*_*ova 13 npm twitter-bootstrap bootstrap-4

我在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"
}
Run Code Online (Sandbox Code Playgroud)

当我跑步时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.
Run Code Online (Sandbox Code Playgroud)

我搜索了原因并找到了这个:Bootstrap 4:Uncaught ReferenceError:没有定义Popper

我知道这只是警告,但我始终保持我的代码无警告.

小智 19

Popper.js并不是必需的

Bootstrap 4.0.0版本包含2个新文件bootstrap.bundle.js,bootstrap.bundle.min.js里面包含Popper.js,你真的不需要它.

bootstrap.bundle.min.js 正是Bootstrap.js + Popper.js.

Bootstrap v4.0.0文档中,仍然提到您需要某些组件的文件

需要JavaScript的组件

  • 用于显示和定位的下拉菜单(也需要Popper.js)
  • 用于显示和定位的工具提示和弹出框(也需要Popper.js)

我没有测试过,但我认为没有必要

解决方案

您可以使用NPM路径'bootstrap/dist/js/bootstrap.bundle.js'.

或者,如果您最终要下载Popper.js,请下载所需的版本.

引导/的package.json

  • 如何“使用 NPM 路径 'bootstrap/dist/js/bootstrap.bundle.js'”。? (2认同)

Zim*_*Zim 8

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

例如,下拉列表,工具提示弹出窗口将不起作用: 在此输入图像描述

https://www.codeply.com/go/CuOfa7UnUA(破了没有波普尔)

注意:从4.1开始,只有下拉列表,工具提示和弹出窗口才需要 popper.js.


San*_*tha 5

如果是如下图所示的话,那么

在此输入图像描述

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

npm install popper.js --save
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述