Symfony：Webpack Encore Require（）無法正常工作嗎？

Question

我嘗試使用Symfony Webpack Encore。 這是我的默認控制器樹枝中包含的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 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

你有沒有嘗試過

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

如果要在app.js之外使用它，則可能需要另外添加類似

window.BootstrapDialog = BootstrapDialog;