Popper、Bootstrap 4 和 ES2015：未定义 Popper答案

【问题标题】：Popper, Bootstrap 4 and ES2015: Popper not definedPopper、Bootstrap 4 和 ES2015：未定义 Popper
【发布时间】：2018-05-03 00:12:00
【问题描述】：

我对如何使 Bootstrap 4 中的 Javascript 实用程序工作感到很困惑。

我使用的是 ES2015 风格要求。我已经使用节点模块安装了 jQuery、Bootstrap 4 (beta 2) 和 Popper.js 的最新测试版。这是我加载 JS 的方式：

window.$ = window.jQuery = require('jquery');

$(function() {

  require('popper');
  require('./vendor/bootstrap/index');

});

Popper 的文档指出您需要这样的代码来实例化 Popper：

  var reference = document.querySelector('#dropdownLanguageButton');
  var popper = document.querySelector('div[aria-labelledby="dropdownLanguageButton"]');
  var anotherPopper = new Popper(
      reference,
      popper,
      {
          // popper options here
      }
  );

但是，尚不清楚您是否需要为像 Bootstrap 下拉菜单这样简单的东西实例化。

Bootstrap 4 文档中没有明确的示例。

我得到的错误是index.js:10 Uncaught ReferenceError: Popper is not defined。

帮助表示赞赏！

【问题讨论】：

这看起来不像 ES2015 导入的想法，看起来像 Commonjs。
你在用 webpack 打包你的脚本吗？

标签： javascript jquery node.js twitter-bootstrap popper.js

【解决方案1】：

可能是 popper.js 的路径问题。 Popper 所需的文件位于 'node_modules/popper.js/dist/umd/popper.min.js'

【讨论】：