Типографская ошибка Тип AnimatesDirective в является частью объявлений 2 модулей

Question

Когда я использовал ниже CLI, он показывает ошибку.Сообщение об ошибке мне не понятно.

> ionic cordova run android --prod --device

Ошибка:

 typescript error
            Type AnimatesDirective in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animates.directive.d.ts
            is part of the declarations of 2 modules: AppModule in
            D:/Freelance-Work/Clients/ionic3/src/app/app.module.ts and AnimatorModule in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animator.module.d.ts!
            Please consider moving AnimatesDirective in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animates.directive.d.ts
            to a higher module that imports AppModule in
            D:/Freelance-Work/Clients/ionic3/src/app/app.module.ts and AnimatorModule in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animator.module.d.ts. You
            can also create a new NgModule that exports and includes AnimatesDirective in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animates.directive.d.ts
            then import that NgModule in AppModule in
            D:/Freelance-Work/Clients/ionic3/src/app/app.module.ts and AnimatorModule in
            D:/Freelance-Work/Clients/ionic3/node_modules/css-animator/angular/animator.module.d.ts.

Error: The Angular AoT build failed. See the issues above
    at D:\Freelance-Work\Clients\ionic3\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:237:55
    at step (D:\Freelance-Work\Clients\ionic3\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
    at Object.next (D:\Freelance-Work\Clients\ionic3\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
    at fulfilled (D:\Freelance-Work\Clients\ionic3\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)
    at <anonymous>

Не могли бы вы рассказать, как решить эту проблему?

app.module.ts

import { AnimationService, AnimatesDirective } from 'css-animator';

@NgModule({
  declarations: [
    MyApp,
    AnimatesDirective
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpClientModule,
    AppConfigModule,
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
   ],
  providers: [
    StatusBar,
    SplashScreen,
    NativeStorage,
    { provide: ErrorHandler, useClass: IonicErrorHandler },
    AnimationService,   
  ]
})

Answer 1

кажется, у вас есть 2 модуля в вашем приложении и объявлено AnimatesDirective в обоих.Удалите объявление из app.module.ts, но обновите конфигурацию app.module.ts, чтобы импортировать другой модуль.

app.module.ts

import { AnimatorModule } from 'css-animator';

@NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpClientModule,
    AppConfigModule,
    IonicStorageModule.forRoot(),
    AnimatorModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    NativeStorage,
    { provide: ErrorHandler, useClass: IonicErrorHandler },
  ]
})