webpack-internal：/// 2：129 ag-grid：无效的gridOptions属性＆＃39; __ ob __＆＃39;你是说其中任何一个：

Question

在控制台中注意到这个新错误：

webpack-internal:///2:129 ag-grid: invalid gridOptions property '__ob__' did you mean any of these: groupSuppressBlankHeader,slaveGrids,rowData,columnDefs,excelStyles,pinnedTopRowData,pinnedBottomRowData,components
(anonymous) @ webpack-internal:///2:129

无法弄清楚，最终决定运行官方的Ag-Grid Vue示例：

https://github.com/ag-grid/ag-grid-vue-example

并且它具有相同类型的错误：

webpack-internal:///2:129 ag-grid: invalid gridOptions property '__ob__' did you mean any of these: groupSuppressBlankHeader,slaveGrids,rowData,columnDefs,excelStyles,pinnedTopRowData,pinnedBottomRowData,components
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid gridOptions properties please check: https://www.ag-grid.com/javascript-grid-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/
GridOptionsWrapper.checkProperties @ webpack-internal:///2:132
webpack-internal:///2:129 ag-grid: invalid colDef property '__ob__' did you mean any of these: rowGroupIndex,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent
(anonymous) @ webpack-internal:///2:129
webpack-internal:///2:132 ag-grid: to see all the valid colDef properties please check: https://www.ag-grid.com/javascript-grid-column-properties/

这些都是官方的例子回购！ 建议??

Answer 1

这是因为您将反应属性传递给gridOptions。使用 Object.defineProperties或Object.defineProperty writable为false以创建选项。

修改

我能够使用以下方法修复警告：

// gridOptions.ts
let options: GridOptions = {}

Object.defineProperty(options, 'enableFilter', {
  enumerable: true,
  value: true,
  writable: false
})

....

export default options

修改

另一件事，这绝不是好的想法，但是编辑checkProperties类中的gridOptionsWrapper函数可以过滤无效的属性键以删除__ob__：

// line 126
var invalidPropertyKeys = Object.keys(invalidProperties).filter(key => key !== '__ob__');