Ng2SearchPipeModule 过滤器导致错误：“x.component”类型上不存在属性“过滤器”答案

【问题标题】：Ng2SearchPipeModule filter causing error: Property 'filter' does not exist on type 'x.component'Ng2SearchPipeModule 过滤器导致错误：“x.component”类型上不存在属性“过滤器”
【发布时间】：2021-07-08 01:52:11
【问题描述】：

我在 Angular 6 中的表上实现了过滤/搜索功能。我正在使用this ng-2-search-filter library。

该功能在前端完美运行，不会导致控制台错误。

当我运行ng build "--prod" 时，库在输出中导致构建错误，无论我在哪里使用过滤器。

错误：

类型“x.component”上不存在属性“过滤器”。

我已在 app.module.ts appservices 和 @ngModule 导入中导入了库。

该库也在package.json 中，作为版本"ng2-search-filter": "^0.4.7"。

html上filter的输入如下：

  <input type="text" class="form-control" [(ngModel)]="filter">

在*ngFor中使用如下：

    <tr *ngFor="let item of items| filter:filter};">

我能找到的唯一解决方案与 RxJS 过滤器有关。我已经将库单独导入到每个使用过滤器的组件中，但这没有影响。

【问题讨论】：

是否有错字检查 <tr *ngFor="let item of items | filter: filter"> 并建议您使用不同的 ngModel 值，例如 [(ngModel)]="customFilter"，因为 filter: filter 可能会造成混淆。

标签： angular ngx-bootstrap angular-pipe ng2-bootstrap

【解决方案1】：

对不起，错误出在组件中，我没有初始化任何变量“过滤器”，没有意识到我应该有，因为没有抛出错误。

public filter: string;

【讨论】：

【解决方案2】：

我遇到了同样的问题。只需选择“全部保存”并重新运行您的代码。你不会得到那个错误。

【讨论】：