title: Angular 5 - custom pipe 'could not be found' error
body: <p>I've tried all the suggestions I've seen out there but am still encountering the dreaded: <code>Template parse errors: The pipe 'orderFilter' could not be found</code></p>
  
  <p>In my SharedModule.ts (which imports MyComponent) I have:</p>
  
  <pre><code>import { OrderFilterPipe } from '../pipes/order-filter.pipe';
  
  @NgModule({
  ...
  declarations: [OrderFilterPipe];
  ...
  </code></pre>
  
  <p>The pipe code (something simple for now):</p>
  
  <pre><code>import { Pipe, PipeTransform } from '@angular/core';
  @Pipe({name: 'orderFilter'})
  export class OrderFilterPipe implements PipeTransform {
    transform(item: any): any {
      return item.data;
    }
  }
  </code></pre>
  
  <p>In MyComponent.html I have:</p>
  
  <pre><code>{{item | orderFilter}}
  </code></pre>
  
  <p>I'm a bit at a loss.. unless I'm missing something in the implementation that's Angular 5 specific. Any ideas?</p>