依赖求解GridComponent在@ syncfusion / EJ2-NG-网格(Depende

2019-09-30 16:34发布

我跟着这个教程http://ej2.syncfusion.com/angular/documentation/grid/getting-started.html

如何过,当我跑我的项目中,JIT碰到这个错误

该智能感知也显示了同样的错误

我设置了SyncFusionModule为角模块导出所有“Syncfusion EJ 2角”组件我打算在使用BenchmarkModule 。 所述GridComponent@syncfusion/ej2-ng-grids/src/grid/index可以通过角被拾起; 因此,它被识别为角状的部件。 然而, datasouce没有在“GridComponent”,但在其父声明Grid是没有棱角的部件,而是一个标准的声明@syncfusion\ej2-grids 。 好像我错过了依赖进口的地方,以帮助角找到该定义Grid 。 但我不知道如何解决这个问题。

起初,我以为这是因为我跳过这描述的SystemJS映射的事实http://ej2.syncfusion.com/angular/documentation/grid/getting-started.html#configuring-system-js ; 因此,我提出这个问题对于SystemJS映射的WebPack溶液 。 但答案的一个建议我也可能不是原因。

这里是GitHub库https://github.com/lamLeX/IocPerformance/tree/gh-pages/IocPerformanceResultWebApp/src/app的情况下,一个想知道文件的结构如何帮助我的依赖性解决,因为我不“T有JS的依赖关系解决了丰富的经验; 尤其是ES6模块的决心。

从答案更新:故障码从这个例子中采取http://ej2.syncfusion.com/angular/demos/#/grid/grouping ,我已经通知SyncFusion队有关示例代码的bug。

<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>

Answer 1:

It is be ej2-ng-grids, not ej2-grids, and GridModule is right there. So it should be

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 { }

And there is no need to do that because this is already done in GridAllModule. It should be imported in application module instead of custom SyncFusionModule.

Additionally, code above contains wrong inputs - datasource, etc.They should bedataSource` and so on, according to the documentation.



文章来源: Dependencies solving for GridComponent in @syncfusion/ej2-ng-grids