我正在尝试在 angular1 项目中使用 ag-grid

Question

我在 Jhipster starter 中有 angular 1 个项目。我在使用 ag-grid 组件时遇到一些问题。

第一个：我为我的所有组件使用 bower，wiredep 在 angular.js 文件之前包含我的 ag-grid 文件。我想我通过使用替代来解决这个问题，但我不确定我我在 bower.json.

中设置了覆盖

"ag-grid": {
  "dependencies": {
    "angular": "*"
  }
}

ag-grid 在 angular.js 之后已经很好了，但我还有其他问题。

在我的控制台中我有这个 "Uncaught ReferenceError: require is not defined" 由 bower_components/ag-grid/main.js 引起代码在这里：

var populateClientExports = require('./dist/lib/clientExports').populateClientExports;

populateClientExports（导出）；

我不知道会发生什么，如果是我的覆盖不起作用或其他原因。

感谢您的帮助。

Answer 1

首先，覆盖应该是正确的。如果您查看 index.html 并检查包含的脚本的顺序，您可以简单地检查覆盖。

其次，ag grid使用commonjs加载文件。但是Jhipster并没有使用普通的js。所以，你必须使用 ag 网格的非 commonjs 版本。如果我对文档的快速浏览是正确的，那么您必须使用另一个版本的 ag 网格。为此，您必须覆盖 bower.json 中的主文件，这样 wiredep 就会选择这个文件。因此，这

"ag-grid": {
   "dependencies": {
    "angular": "*"
  },
  "main": [
   "dist/ag-grid.js"
  ]
}

应该加载非commonjs版本

我正在尝试在 angular1 项目中使用 ag-grid

i'm trying to use ag-grid in angular1 project

angularjs

bower

jhipster

ag-grid