在Angular 2中使用ngx管道和jhipster抛出模块解析失败

我正在尝试使用jhipster 4.0.7和Angular 2。我看到以下错误

ERROR in ./~/ngx-pipes/src/app/pipes.module.ts
Module parse failed: /Users/me/Projects/git/app-ui/node_modules/ngx-pipes/src/app/pipes.module.ts Unexpected character '@' (8:0)
You may need an appropriate loader to handle this file type.
| import {NgBooleanPipesModule} from './pipes/boolean/index';
|
| @NgModule({
|   declarations: [],
|   imports: [],
 @ ./~/ngx-pipes/src/app/index.js 5:9-34
 @ ./src/main/webapp/app/vendor.ts
 @ dll vendor

网页的TS部分如下所示

{
   test: /\.ts$/,
   loaders: [
       'angular2-template-loader',
       'awesome-typescript-loader'
   ],
   exclude: ['node_modules/generator-jhipster']
},

在不添加ngx管道的情况下，编译是成功的

我提到了github解决方案，我想它要求排除节点_模块，除了那些以

ng2

或

ngx

开头的模块

当我改成

exclude: [/node_modules\/(?!(ng2-.+|ngx-.+))/]

我得到的错误如下

ERROR in ./~/reflect-metadata/Reflect.ts
Module parse failed: /myfolder/git/myproject/node_modules/reflect-metadata/Reflect.ts Unexpected token (15:10)
You may need an appropriate loader to handle this file type.
| and limitations under the License.
| ***************************************************************************** */
| namespace Reflect {
|     "use strict";
|
 @ ./src/main/webapp/app/polyfills.ts 4:0-35

---

我该如何解决这个问题？我创建了一个使用ngx管道的示例，但我想这是一个与ngx管道无关的常见问题。

您是否看过生成的README.md中关于传单的示例？尝试将ngx管道导入vendor.ts，让webpack知道。我已经这样做了。我添加了ng2引导。所以我得到了流动。问题是当我添加ngx管道时，正如您可以看到的第一个代码块，

ngx管道

从vendor.ts中选取，这就是它报告错误的时候。