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

【问题标题】：i'm trying to use ag-grid in angular1 project我正在尝试在 angular1 项目中使用 ag-grid
【发布时间】：2017-04-27 07:36:30
【问题描述】：

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

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

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

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

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

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

populateClientExports(exports);

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

感谢您的帮助。

【问题讨论】：

标签： angularjs bower jhipster ag-grid

【解决方案1】：

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

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

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

应该加载非commonjs版本

【讨论】：