请添加@ Pipe / @ Directive / @ Component批注IONIC 3

时间:2018-11-22 03:58:25

标签: angular typescript ionic-framework ionic3

以开发人员身份运行时,此方法可以正常运行,但是当您运行命令以产生以下错误时:

工作:

ionic cordova run android

不起作用:

ionic cordova run android --prod --release

错误:

    [03:34:41]  typescript error
                Unexpected module 'TranslateModule in C:/Users/tm_ma/Doc/PROJECT/node_modules/@ngx-translate/core/core.d.ts' declared by the module 'EmentaPageModule in
                C:/Users/tm_ma/Doc/PROJECT/src/pages/ementa/ementa.module.ts'. Please add a
                @Pipe/@Directive/@Component annotation.
  [03:34:41]  ionic-app-script task: "build"
  [03:34:41]  Error: The Angular AoT build failed. See the issues above
    Error: The Angular AoT build failed. See the issues above

EMENTA模块:

import { NgModule, Component } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { EmentaPage } from './ementa'; import { TranslateModule } from '@ngx-translate/core';


@NgModule({  
   declarations: [
    EmentaPage,
    TranslateModule
       ],   imports: [
    IonicPageModule.forChild(EmentaPage),
    TranslateModule
       ], }) export class EmentaPageModule {}

应用程序模块:

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

@NgModule({
  declarations: [
   ...
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (createTranslateLoader),
        deps: [HttpClient]
      }
    })

  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
   ...
  ],
  providers: [

  ]
})
export class AppModule {}

版本:

"@ngx-translate/core": "^9.1.1",
"@ngx-translate/http-loader": "^4.0.0",   
"angularfire2": "^5.0.0-rc.11",   
"@angular/animations": "5.2.11",    
"@angular/common": "5.2.11",    
"@angular/compiler": "5.2.11",   
"@angular/compiler-cli": "5.2.11",    
"@angular/core": "5.2.11",    
"@angular/forms": "5.2.11",   
"@angular/http": "5.2.11",

1 个答案:

答案 0 :(得分:0)

Angular5应该使用核心8.x-9.x和装载程序1.x-2.x Angular4.3应该使用7.x或更低的核心以及loader 1.x-2.x

在此处详细说明https://github.com/ngx-translate/core

我的应用使用ionic4(angular6),并且ngx-translate对我来说还可以(核心10.x和加载器3.x)