core.js:4002 ERROR 错误：未捕获（承诺）：NullInjectorError：StaticInjectorError（AppModule）[Table -> FilterService]：答案

【问题标题】：core.js:4002 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[Table -> FilterService]:core.js:4002 ERROR 错误：未捕获（承诺）：NullInjectorError：StaticInjectorError（AppModule）[Table -> FilterService]：
【发布时间】：2021-07-14 07:19:57
【问题描述】：

我正在尝试在我的应用程序中使用 PrimeNg 表格控件 - 也是 PrimeNg 和 Angular 的初学者并且收到如下错误No provider for FilterService!

core.js:4002 ERROR 错误：未捕获（承诺）：NullInjectorError： StaticInjectorError(AppModule)[Table -> FilterService]:
StaticInjectorError(Platform: core)[Table -> FilterService]: NullInjectorError：FilterService 没有提供者！ NullInjectorError：StaticInjectorError（AppModule）[表-> FilterService]: StaticInjectorError(Platform: core)[Table -> 过滤服务]： NullInjectorError：FilterService 没有提供者！在 NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:725) 在 resolveToken (core.js:11918) 在 tryResolveToken (core.js:11862) 在 StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:11764) 在 resolveToken (core.js:11918) 在 tryResolveToken (core.js:11862) 在 StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:11764) 在 resolveNgModuleDep (core.js:20234) 在 NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:20905) 在 resolveDep (core.js:21276) 在 resolvePromise (zone.js:852) 在 resolvePromise (zone.js:809) 在 zone.js:913 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) 在 Object.onInvokeTask (core.js:26247) 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) 在 drainMicroTaskQueue (zone.js:601) 在 ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [作为调用] (zone.js:502) 在调用任务（zone.js:1693）

我做了什么

我已按照 PrimeNg 入门设置中的说明安装了 PrimeNg。
之后我在app.module.ts 中添加了以下内容

从'primeng/button'导入{ButtonModule}；
import { TableModule } from 'primeng/table';

imports:[
 ...
 ButtonModule,
    TableModule]

如果我使用 Button，我不会遇到任何问题 <button pButton type="button" label="Click" ></button>
但是如果我放置 p-table 我会收到上述错误。

(pTable like ==> .....

【问题讨论】：

它应该根据您的更改工作。尝试添加 import { FilterService } from 'primeng/api';并将 FilterService 添加到您的模块提供程序数组中。仍然无法正常工作，请提供您的代码以检查更多信息。
哇就像一个魅力，错误已经消失了。非常感谢，我已经尝试了好几个小时了请将它添加为答案，以便我可以标记它

标签： angular typescript primeng

【解决方案1】：

它应该根据您的更改工作。错误是说模块提供者数组中没有提供过滤服务。

尝试添加 import { FilterService } from 'primeng/api'; 并将 FilterService 添加到您的模块提供程序数组中。

【讨论】：