2017-11-19 13 views
0

부트 스트랩 4에서 Javascript 유틸리티를 만드는 방법에 대해 혼란 스럽습니다.포퍼, 부트 스트랩 4 및 ES2015 : 포퍼가 정의되지 않았습니다.

저는 ES2015 스타일이 필요합니다. 노드 모듈을 사용하는 Bootstrap 4 (베타 2) 및 Popper.js의 최신 베타 jQuery를 설치했습니다.

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 
     } 
); 

, 그것은 분명하지 않다 내가 JS를로드하고 어떻게 여기입니다 부트 스트랩 드롭 다운으로.

부트 스트랩 4 문서에는 명확한 예가 없습니다.

내가받는 오류는 index.js:10 Uncaught ReferenceError: Popper is not defined입니다.

감사합니다.

+1

이는 Commonjs와 비슷한 ES2015 가져 오기 생각처럼 보이지 않습니다. – elclanrs

+0

스크립트를 webpack에 번들로 제공합니까? – HMR

답변

0

아마도 popper.js의 경로에 문제가있을 수 있습니다. 'node_modules/popper.js/dist/umd/popper.min.js'에있는 포퍼의 필수 파일