Angular 18集成多款数据网格插件均报NG0203错误求助

问题描述 #

在Angular 18项目中尝试集成多款数据网格插件（包括Angular DataTables、PrimeNG、Ngx-Datatable、Ag-Grid、Mat-Table和Kendo UI），每款插件完成配置后均触发相同类型的NG0203错误，仅错误行位置随插件不同有所差异。以下为Ngx-Datatable对应的错误日志：

Error: NG0203: inject()必须从注入上下文调用，比如构造函数、工厂函数、字段初始化器，或是使用runInInjectionContext的函数。
at injectInjectorOnly (core.mjs:1099:15)
at ɵɵinject (core.mjs:1112:42)
at ɵɵdirectiveInject (core.mjs:11391:16)
at NodeInjectorFactory.DatatableComponent_Factory [as factory] (swimlane-ngx-datatable.mjs:7164:43)
at getNodeInjectable (core.mjs:6061:44)
at instantiateAllDirectives (core.mjs:12265:27)
at createDirectivesInstances (core.mjs:11661:5)
at ɵɵelementStart (core.mjs:24344:9)
at Module.ɵɵelement (core.mjs:24402:5)
at CustomersFraudListComponent_ngx_datatable_5_Template (customers-fraud-list.component.html:7:1)

可复现配置文件 #

包含以下相关配置文件内容：

• tsconfig.json（参考Ngx示例添加了部分配置）
• Angular.json
• app.Module.ts
• packages.json

内容的提问来源于stack exchange，提问作者Jessie Lulham