Symfony：Webpack Encore Require（）无法正常工作吗？

Question

i try to use Symfony Webpack Encore. This is my app.js included in my default controller twig. I cannot use BootstrapDialog.

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

console.log("Hello");

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

BootstrapDialog.alert('Hello from dialog');

Output:

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 list -g --depth=0

/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

Have you tried

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

If you want to use it outside app.js , you might need to additionally add something like

window.BootstrapDialog = BootstrapDialog;