Syncfusion TreeGrid + Angular 11“错误：必须从注入上下文调用注入”

如何解决Syncfusion TreeGrid + Angular 11“错误：必须从注入上下文调用注入”

我想在我的 Angular 解决方案中使用 Syncfusion TreeGrid，但是当我导入模块并将其添加到组件时，我收到以下错误：

core.js:6210 ERROR Error: Uncaught (in promise): Error: inject() must be called from an injection context
Error: inject() must be called from an injection context
    at injectInjectorOnly (core.js:4708)
    at ɵɵinject (core.js:4718)
    at Module.ɵɵdirectiveInject (core.js:14619)
    at NodeInjectorFactory.TreeGridComponent_Factory [as factory] (ej2-angular-treegrid.js:493)
    at getNodeInjectable (core.js:3596)
    at instantiateallDirectives (core.js:10280)
    at createDirectivesInstances (core.js:9629)
    at ɵɵelementStart (core.js:14837)
    at Module.ɵɵelement (core.js:14888)
    at TreeDemoComponent_Template (tree-demo.component.html:9)
    at resolvePromise (zone-evergreen.js:1213)
    at resolvePromise (zone-evergreen.js:1167)
    at zone-evergreen.js:1279
    at ZoneDelegate.invokeTask (zone-evergreen.js:406)
    at Object.onInvokeTask (core.js:28540)
    at ZoneDelegate.invokeTask (zone-evergreen.js:405)
    at Zone.runTask (zone-evergreen.js:178)

我确定我的项目配置没有问题，因为在尝试 run Sync fusion example.

时也会发生同样的情况

基于以下 Angular 版本：

Angular CLI: 11.2.6
Node: 15.5.0
OS: win32 x64
Package Version

@angular-devkit/architect 0.1102.6 (cli-only)
@angular-devkit/core 11.2.6 (cli-only)
@angular-devkit/schematics 11.2.6 (cli-only)
@schematics/angular 11.2.6 (cli-only)
@schematics/update 0.1102.6 (cli-only)

解决方法

如果通过在 tsconfig.app.json 中为 compilerOptions 添加以下“路径”条目发现临时工作

 "paths": {
  "@angular/*": [
    "./node_modules/@angular/*"
  ]
}

,

感谢您联系 Syncfusion 支持。

我们想通知您，Syncfusion EJ1 组件目前不支持 Angular 11。我们只支持到 Angular 8。但是，我们已经记录了一个反馈以提供对 Angular 9 的支持。您可以从以下链接。

反馈： https://www.syncfusion.com/feedback/12334/provide-angular-9-support-for-ej1-components

但是，由于我们已经列出了一些主要功能，因此我们无法立即实施此支持。我们将实现这一点并将其包含在我们即将发布的任何版本中。请根据客户需求对该功能进行投票，我们将在即将推出的路线图中优先考虑这些功能。

我们想推荐我们的 EJ2 TreeGrid 组件，它支持 Angular 11。要了解有关 EJ2-TreeGrid 的更多信息，请从以下链接中找到在线文档和示例。

文档： https://ej2.syncfusion.com/angular/documentation/treegrid/getting-started/

示例： https://ej2.syncfusion.com/angular/demos/#/material/treegrid/treegrid-overview

问候，

莫妮莎。