Ошибка при обслуживании приложения с --prod в угловых

Question

Приложение Angular работает нормально с ng serve, но ошибка отображается при запуске с ng serve --prod

ОШИБКА в: Неверный поставщик для модуля NgModule 'rngrx_modules_effects_effects_b в E: /TrainingPortal/node_modules/@ngrx/effects/effects.d.ts' - разрешены только экземпляры Provider и Type, получено: [ɵngrx_moffect_effects] TrainingPortal/node_modules/@ngrx/effects/effects.d.ts, источники эффектов в E: /TrainingPortal/node_modules/@ngrx/effects/effects.d.ts, действия в E: / TrainingPortal / node_modules / @ ngrx / Effects / Effects .d.ts,? null ?, ...]

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {DatePipe} from '@angular/common';
.
.
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { environment } from 'src/environments/environment';
import { appReducer } from './state-management/app.reducer';
import AppEffects from './state-management/app.effects';
import { PdfViewerModule } from 'ng2-pdf-viewer';
.
.
import { PdfReaderComponent } from './shared/components/pdf-reader/pdf- 
 reader.component';


import { AsyncPipe } from '../../node_modules/@angular/common';
  @NgModule({
  declarations: [
    AppComponent,
    .
    .
    ],
  imports: [
    AngularFireDatabaseModule,
    .
    .
    Ng5SliderModule,
    StoreModule.forRoot(appReducer),
    EffectsModule.forRoot(AppEffects),
    StoreDevtoolsModule.instrument({
      maxAge: 25, // Retains last 25 states
      logOnly: environment.production // Restrict extension to log-only mode
    })
  ],
  providers: [ApiService,DatePipe,MessagingService, AsyncPipe],
  bootstrap: [AppComponent]
  })
 export class AppModule { }