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

Question

我在带有角度1项目的Jhipster启动器中。 我对ag-grid组件有一些问题。

第一个： 我使用bower来获取我的所有组件，并且wiredep在angular.js文件之前包含我的ag-grid文件。 我想通过使用覆盖来解决这个问题，但我不确定 我在bower.json中设置了这个覆盖。

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

ag-grid现在在angular.js之后很好，但我还有另外一个问题。

在我的控制台中我有这个“未捕获的ReferenceError：require未定义” 由bower_components / ag-grid / main.js引起的 代码在这里：

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

populateClientExports（出口）;

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

感谢您的帮助。

Answer 1

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

其次，ag网格使用commonjs加载文件。但Jhipster不使用常见的js。所以，你必须使用ag-grid的非commonjs版本。如果我对文档的快速查看是正确的，您必须使用另一版本的ag网格。为此，您必须覆盖bower.json中的主文件，因此wiredep将选择此文件。所以，这个

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

应该加载非commonjs版本