首页 > 解决方案 > 使用 --prod 为应用程序提供 Angular 时出错

问题描述

Angular 应用程序运行良好ng serve,但运行时显示错误ng serve --prod

错误:NgModule 'ɵngrx_modules_effects_effects_b in E:/TrainingPortal/node_modules/@ngrx/effects/effects.d.ts' 的提供程序无效 - 只允许提供 Provider 和 Type 的实例:[ɵngrx_modules_effects_f in E:/TrainingPortal/node_modules /@ngrx/effects/effects.d.ts,E 中的 EffectSources:/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 { }

标签: angular7

解决方案


推荐阅读