2017-11-19 11 views
0

ブートストラップ4でJavascriptユーティリティを作成する方法についてはかなり混乱しています。ポッパー、ブートストラップ4、ES2015:ポッパーが定義されていません

私はES2015スタイルが必要です。 Bootstrap 4(beta 2)とPopper.jsの最新ベータ版であるjQueryをノードモジュールを使ってインストールしました。ここで私は私のJSをロードしています方法は次のとおりです。

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

$(function() { 

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

}); 

ポッパーのドキュメントは、あなたがポッパーをインスタンス化するために、このようなコードが必要と述べている:

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

あなたに単純なもののためにインスタンス化する必要がある場合は、それが明確ではありませんブートストラップのドロップダウンとして。

ブートストラップ4のドキュメントには明確な例はありません。

エラーはindex.js:10 Uncaught ReferenceError: Popper is not definedです。

ヘルプありがとうございました!

+1

これは、Commonjsのように見えるES2015のインポートのように見えません。 – elclanrs

+0

スクリプトをwebpackにバンドルしていますか? – HMR

答えて

0

おそらくpopper.jsのパスに問題があります。 Popperの必要ファイル 'node_modules/popper.js/dist/umd/popper.min.js'

関連する問題