使用DexExtreme模块导致引用错误

Question

我正在尝试使用dx模块：

require("devextreme/ui/button");

const em = {
    init: () => {
        $("#button").dxButton({
            text: "Click me",
            onClick: function() {
                alert("The Button was clicked");
            }
        });
    }
};

export default em;

但我得到错误：

未捕获的TypeError：$（...）。dxButton不是函数

我还有两个单独的包文件。一个叫vendor.js：

// Vendor
require("expose-loader?$!jquery");
require("lodash");
require("expose-loader?moment!moment");
require("expose-loader?pnp!@pnp/pnpjs");
require("jszip");

另一个为我的应用程序（app.js）。

我在app.js包中导入dev极限。

是否有可能因为jquery不在同一个包中而devextreme无法识别它？

Answer 1

我忘了添加：

require("devextreme/integration/jquery");