Angular2自定义管道模板错误

Question

我在我的应用程序中创建了管道，并将此文件放在主app文件夹中。我将其包含在我的app.module.ts中，如下所示

import { DataFilterPipe } from './data-filter.pipe';
 declarations: [
        App,
        DataFilterPipe
    ],

和我的管道文件如下，

import * as _ from 'lodash';
import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
    name: 'dataFilter'
})
export class DataFilterPipe implements PipeTransform {

    transform(array: any[], query: string): any {
        if (query) {
            return _.filter(array, row=>row.name.indexOf(query) > -1);
        }
        return array;
    }
}

我的文件夹结构看起来像， 我将此管道用于我的子文件夹，但显示如下错误，

ERROR Error: Uncaught (in promise): Error: Template parse errors:
The pipe 'dataFilter' could not be found ("
            </div>
            <table class="table table-striped"
                [ERROR ->][mfData]="data | dataFilter : filterQuery" #mf="mfDataTable"
                [mfRowsOnPage]="rowsOnPage" [(mfSort"): ng:///MasterModule/AdminUsersComponent.html@59:4

首先，我使用了包含在所有子模块中，因此它运行良好，没有任何问题。但是当我创建文件到生产时，它显示错误，如声明为2模块，所以我包括在路由模块中。 请帮助我解决这个问题。