The pipe ' ' could not be found angular2 custom pipe
<p>I can't seem to fix this error. I have a search bar and an ngFor. I am trying to filter the array using a custom pipe like this:</p>

<pre class="lang-js prettyprint-override"><code>import { Pipe, PipeTransform } from '@angular/core';

import { User } from '../user/user';

@Pipe({
  name: 'usersPipe',
  pure: false
})
export class UsersPipe implements PipeTransform {
  transform(users: User [], searchTerm: string) {
    return users.filter(user =&gt; user.name.indexOf(searchTerm) !== -1);
  }
}
</code></pre>

<p>Usage:</p>

<pre class="lang-xml prettyprint-override"><code>&lt;input [(ngModel)]="searchTerm" type="text" placeholder="Search users"&gt;

&lt;div *ngFor="let user of (users | usersPipe:searchTerm)"&gt;
...
&lt;/div&gt;
</code></pre>

<p>Error:</p>

<pre><code>zone.js:478 Unhandled Promise rejection: Template parse errors:
The pipe 'usersPipe' could not be found ("
&lt;div class="row"&gt;
    &lt;div  
    [ERROR -&gt;]*ngFor="let user of (user | usersPipe:searchTerm)"&gt;
</code></pre>

<p>Angular versions:</p>

<pre><code>"@angular/common": "2.0.0-rc.5",
"@angular/compiler": "2.0.0-rc.5",
"@angular/core": "2.0.0-rc.5",
"@angular/platform-browser": "2.0.0-rc.5",
"@angular/platform-browser-dynamic": "2.0.0-rc.5",
"@angular/router": "3.0.0-rc.1",
"@angular/forms": "0.3.0",
"@angular/http": "2.0.0-rc.5",
"es6-shim": "^0.35.0",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.26",
"bootstrap": "^3.3.6",
"zone.js": "^0.6.12"
</code></pre>