@ syncfusion / ej2-ng-grids

Question

我遵循了本教程http://ej2.syncfusion.com/angular/documentation/grid/getting-started.html

当我运行我的项目时，JIT遇到此错误

InteliSense也显示相同的错误

我将SyncFusionModule设置为Angular模块以导出所有＆＃34; Syncfusion EJ 2 for Angular＆＃34;我计划在BenchmarkModule中使用的组件。 GridComponent中的@syncfusion/ej2-ng-grids/src/grid/index Angular可以获取datasouce;因此，它被认为是角度成分。但是，Grid未在＆＃39; GridComponent＆＃39;中声明但在其父@syncfusion\ej2-grids中，它不是Angular组件，而是在Grid中声明的标准组件。好像我错过了某个依赖项导入来帮助Angular找到<div class="control-section"> <ej-grid height="320" [datasource]="data" [groupsettings]="groupOptions" [allowgrouping]="true" allowsorting="true" allowpaging="true"> <e-columns> <e-column field="Inventor" width="180" headertext="Inventor Name"></e-column> <e-column field="NumberofPatentFamilies" width="220" textalign="right" headertext="Number of Patent Families"></e-column> <e-column field="Country" width="140" headertext="Country"></e-column> <e-column field="Active" width="120"></e-column> <e-column field="Mainfieldsofinvention" width="200" headertext="Main fields of invention"></e-column> </e-columns> </ej-grid> <div style="margin-top: 10px; text-align: right">Source: <a href="https://en.wikipedia.org/wiki/List_of_prolific_inventors" target="_blank">Wikipedia: List of Prolific inventors</a> </div> </div> 的定义。但我不确定如何解决这个问题。

起初，我认为是因为我跳过了http://ej2.syncfusion.com/angular/documentation/grid/getting-started.html#configuring-system-js中描述的SystemJS映射;因此，我提出了这个问题Webpack solution for SystemJS mapping。但其中一个答案表明我可能不是原因。

以下是GitHub repo https://github.com/lamLeX/IocPerformance/tree/gh-pages/IocPerformanceResultWebApp/src/app，以防有人想知道文件是如何构建的，以帮助我解决依赖关系，因为我在JS依赖关系解析方面没有太多经验;特别是ES6模块解决了。

从答案更新： 故障代码取自此示例http://ej2.syncfusion.com/angular/demos/#/grid/grouping，我已向SyncFusion团队通知示例代码中的错误。

firebase.auth().currentUser.getToken()

Answer 1

它是ej2-ng-grids，而不是ej2-grids和GridModule is right there。所以它应该是

import { NgModule } from '@angular/core';
import { GridModule, GridComponent, PageService, SortService, FilterService, GroupService } from '@syncfusion/ej2-ng-grids';

@NgModule({
  imports: [GridModule],
  exports: [GridModule],
  declarations: [],
  providers: [PageService, SortService, FilterService, GroupService]
})
export class SyncFusionModule { }

并且没有必要这样做，因为这已经在GridAllModule中完成了。它应该在应用程序模块中导入，而不是自定义SyncFusionModule。

此外，上面的代码包含错误的输入 - datasource等。They should be dataSource`等等，according to the documentation。