I am getting "The pipe 'filterBy' could not be found"

[jmall]

Uncaught Error: Template parse errors:
The pipe 'filterBy' could not be found ("
<li *ngFor="let [ERROR ->]item of catalogStore.catalog | async | filterBy: searchTerm ">
<mat-card class="c"): ##### Bug Report or Feature Request (mark with an x)

[ruudboon]

Seeing this issue also under Angular 6. Could this be related to lazy loaded pages?

[ealipio]

@ruudboon I have an angular 7 application and I'm not using lazy loaded page and I have been strugling with this issue as well. So maybe not is related to lazy loaded pages.

[nazmul-pro]

@ruudboon Follow these steps:

1. Import FilterPipeModule in associated module where you used this filter
2. Initialize search variable with attribute with empty value. example: this.search = {'name': ' '} in component
3. Use search.name in ngModel in search input field. example: <input placeholder="Search for user..." [(ngModel)]="search.name">
4. Use filterBy in ngFor. example: <div *ngFor="let user of users | filterBy:search">

And I think you need only step 1 from here.