Symfony : Webpack Encore Require()가 작동하지 않습니까?

Question

Symfony Webpack Encore를 사용하려고합니다. 내 기본 컨트롤러 twig에 포함 된 내 app.js입니다. BootstrapDialog를 사용할 수 없습니다.

require("bootstrap"); 
require("bootstrap-dialog"); 

console.log("Hello"); 

$(function() { 
    console.log('Hello with jquery'); 
}); 

BootstrapDialog.alert('Hello from dialog'); 

출력 :

app.js:6 Hello iam a asset 
10:47:34.793 app.js:13 Uncaught ReferenceError: BootstrapDialog is not defined 
at Object.<anonymous> (app.js:13) 
at Object../app/Resources/public/js/app.js (app.js:28) 
at __webpack_require__ (bootstrap 51bba752688cd28a7b76:54) 
at webpackJsonpCallback (bootstrap 51bba752688cd28a7b76:25) 
at app.js:1 
(anonymous) @ app.js:13 
./app/Resources/public/js/app.js @ app.js:28 
__webpack_require__ @ bootstrap 51bba752688cd28a7b76:54 
webpackJsonpCallback @ bootstrap 51bba752688cd28a7b76:25 
(anonymous) @ app.js:1 
10:47:34.810 app.js:9 Hello with jquery 

NPM 목록 -g --depth =

/usr/local/Cellar/node/9.3.0_1/lib 
├── bootstrap@3.3.7 
├── bootstrap3-dialog@1.35.4 
├── jquery@3.2.1 
└── npm@5.6.0 

Answer 1

0은 외부 app.js를 사용하려는 경우

var BootstrapDialog = require('bootstrap-dialog'); 

를 시도 추가로 추가해야 할 수도 있습니다. 예를 들면

window.BootstrapDialog = BootstrapDialog;