在Angular 2中使用ngx-pipes与jhipster throws模块解析失败

时间:2017-04-02 01:18:38

标签: angular typescript webpack jhipster

我正在尝试将ngx-pipes与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

webpack的TS部分如下所示

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

不添加ngx-pipes,编译成功。

我提到了this github解决方案,我想要排除node_modules,除了以ng2ngx开头的那些。

当我将排除更改为

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-pipes创建了一个ticket,但我想这是一个与ngx-pipes无关的常见问题。

0 个答案:

没有答案