twitter-bootstrap - NPM WARN : bootstrap@4. 0.0 需要 popper.js 的同级

标签 twitter-bootstrap npm 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"
}

当我运行 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

我知道这只是警告,但我始终保持我的代码没有警告。

最佳答案

Popper.js没必要

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

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

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

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"
  • 关于twitter-bootstrap - NPM WARN : bootstrap@4. 0.0 需要 popper.js 的同级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49256842/

    相关文章:

    javascript - 24 小时格式的日期范围选择器

    node.js - npm install 在访问 GIT url 时出错

    node.js - 如何在nodejs中使用superagent语法更改值属性?

    node.js - 如何配置 Webstorm 10 在调试前运行 npm install --force?

    html - Bootstrap 4 不工作

    javascript - 将 navbar-brand 和 nav-items 放在 Bootstrap 4 navbar 的不同行上

    javascript - 成功后使用 dropzone 更新 Angular js 上的选项卡

    javascript - 溢出滚动不适用于位置固定元素 iOS

    html - 菜单和垂直导航栏之间的额外空间

    jquery - highchart 的隐藏图表在 Angularjs 中从容器中呈现