angularjs - Ag-grid 不适用于 Angular 和 Webpack

Question

我正在尝试让 ag-grid 与 webpack 一起使用。我通过 npm 添加 ag-grid 完成了标准操作，并通过执行以下操作添加了对 webpack.config 的引用:

resolve: {
    alias: {"ag-grid" : path.resolve(__dirname, "./node_modules/ag-grid/dist/ag-grid.js")
}

文件得到解析并加载到索引文件中。我已经为 Angular 做了以下操作。

angular.module("cs-app", [require("ag-grid").name]);

Webpack 还解析此文件并包含并加载，但当我运行该应用程序时，出现以下错误。

[$injector:modulerr] Failed to instantiate module angularGridGlobalFunction due to:
[$injector:nomod] Module 'angularGridGlobalFunction' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我在 ag-grid.js 中找不到名称 angularGridGlobalFunction，但是当我注释掉对 ag-grid 的引用时，该应用程序运行得很好。

有人建议吗？

Answer 1

因此 ag-grid 不需要在 webpack.config.js 中使用别名，因此我删除了它并为 node_modules 文件夹添加了别名。

resolve     : {
    alias         : {
        // bind version of jquery-ui
        "jquery-ui" : "jquery-ui/jquery-ui.js",      
        // bind to modules;
        modules     : path.join(__dirname, "node_modules"),
        components  : path.join(__dirname, "components"),
        libs        : path.join(__dirname, "bower_components"),
    }
},

我添加在模块文件的顶部

require("ag-grid");
require("modules/ag-grid/dist/ag-grid.css");
require("modules/ag-grid/dist/theme-fresh.css");

并更改了 Angular 模块引用

angular.module("cs-app", ["agGrid"]);

你知道它有效吗

如果你喜欢的话就给我点个赞吧!谢谢