Popper,Bootstrap 4和ES2015:Popper未定义

时间:2017-11-19 18:58:01

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

我对如何使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

帮助表示赞赏!

1 个答案:

答案 0 :(得分:0)

popper.js的路径可能存在问题。 Popper所需的文件位于&nodewem / popper.js / dist / umd / popper.min.js'