Javascript Ng Build—带有“的产品错误”；请添加一个>@管道/@指令/@组件注释；消息

在我的MEAN Stack应用程序上生成--prod时出错。错误消息是：

中出错：中出现意外的模块“FlashMessageModule” C:/mean/angular/node_modules/angular flash message/dist/flash message.module.d.ts' 由中的模块AppModule声明 C:/mean/angular/src/app/app.module.ts'。请添加一个 @管道/@指令/@组件注释

但在我的flash-message.module.ts中，我声明NgModule：

import { NgModule } from '@angular/core';

@NgModule({})
export declare class FlashMessageModule {
}

我已向app.module.ts声明flash消息：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialModule } from '../material.module';
import { FlexLayoutModule } from '@angular/flex-layout';
import { FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
import { ValidateService } from '../services/validate.service';
import { AuthService } from '../services/auth.service';
import { CompanyService } from '../services/company.service';
import { AuthGuard } from './guards/auth.guard';
import { FlashMessageModule } from 'angular-flash-message';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { HeaderComponent } from './templates/header/header.component';
import { FooterComponent } from './templates/footer/footer.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { ProfileComponent } from './profile/profile.component';
import { DataTracerComponent } from './data-tracer/data-tracer.component';
import { LoggedInComponent } from './snackbar/logged-in/logged-in.component';
import { IndexCompanyComponent } from './company/index-company/index-company.component';
import { CreateCompanyComponent } from './company/create-company/create-company.component';
import { ViewCompanyComponent } from './company/view-company/view-company.component';
import { UpdateCompanyComponent } from './company/update-company/update-company.component';
import { AdminIndexComponent } from './admin/admin-index/admin-index.component';
import { AdminSidenavComponent } from './templates/admin-sidenav/admin-sidenav.component';
import { AdminToolbarComponent } from './templates/admin-toolbar/admin-toolbar.component';
import { AdminUsersComponent } from './admin/admin-users/admin-users.component';
import { AdminCompaniesComponent } from './admin/admin-companies/admin-companies.component';
import { AdminReportComponent } from './admin/admin-report/admin-report.component';
import { AdminGuard } from './guards/admin.guard';
import { AdminComponent } from './admin/admin/admin.component';
import { AdminQuestionerComponent } from './admin/admin-questioner/admin-questioner.component';
import { AdminCreateCompanyComponent } from './admin/admin-companies/admin-create-company/admin-create-company.component';
import { AdminUpdateCompanyComponent } from './admin/admin-companies/admin-update-company/admin-update-company.component';
import { ReportComponent } from './report/report.component';
import { CompanyFilterPipe } from './dashboard/company-pipe.filter';
import { Page404Component } from './error/page404/page404.component';
import { Page403Component } from './error/page403/page403.component';
import { ReportService } from '../services/report.service';
import { ViewReportComponent } from './admin/admin-report/view-report/view-report.component';

const appRoutes:Routes =[
  {
    path: '',
    component: LoginComponent
  },
  {
    path: 'header',
    component: HeaderComponent
  },
  {
    path: 'admin',
    component: AdminIndexComponent
  },
  {
    path: 'admin/users',
    component: AdminUsersComponent
  },
  {
    path: 'admin/companies',
    component: AdminCompaniesComponent
  },
  {
    path: 'admin/companies/create',
    component: AdminCreateCompanyComponent
  },
  {
    path: 'admin/companies/update/:id',
    component: AdminUpdateCompanyComponent
  },
  {
    path: 'admin/report',
    component: AdminReportComponent
  },
  {
    path: 'admin/questioner',
    component: AdminQuestionerComponent
  },
  {
    path: 'dashboard',
    component: DashboardComponent 
  },
  {
    path: 'profile',
    component: ProfileComponent
  },
  {
    path: 'data-tracer',
    component: DataTracerComponent
  },
  {
    path: 'company',
    component: IndexCompanyComponent
  },
  {
    path: 'company/addCompany',
    component: CreateCompanyComponent
  },
  {
    path: 'company/updateCompany/:id',
    component: UpdateCompanyComponent
  },
  {
    path: 'companies/:id',
    component: ViewCompanyComponent
  },
  {
    path: 'report/:id',
    component: ReportComponent
  },
  {
    path: 'view-report/:id',
    component: ViewReportComponent
  },
  {
    path: 'forbidden',
    component: Page403Component
  },
  {
    path: 'notfound',
    component: Page404Component
  }

]

@NgModule({
  declarations: [
    CompanyFilterPipe,
    AppComponent,
    LoginComponent,
    HeaderComponent,
    FooterComponent,
    DashboardComponent,
    ProfileComponent,
    DataTracerComponent,
    LoggedInComponent,
    IndexCompanyComponent,
    CreateCompanyComponent,
    ViewCompanyComponent,
    UpdateCompanyComponent,
    AdminIndexComponent,
    AdminSidenavComponent,
    AdminToolbarComponent,
    AdminUsersComponent,
    AdminCompaniesComponent,
    AdminReportComponent,
    AdminComponent,
    AdminQuestionerComponent,
    AdminCreateCompanyComponent,
    AdminUpdateCompanyComponent,
    ReportComponent,
    Page404Component,
    Page403Component,
    ViewReportComponent,
    FlashMessageModule
  ],

  imports: [
    HttpModule,
    HttpClientModule,
    FlashMessageModule,
    RouterModule.forRoot(appRoutes),
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    MaterialModule,
    FlexLayoutModule,
  ],
  providers: [ValidateService, AuthService, AuthGuard, AdminGuard, CompanyService, ReportService],
  bootstrap: [AppComponent]
})
export class AppModule { }

如果在没有--prod标志的情况下进行生成，我的浏览器出现错误：

Uncaught Error: Unexpected module 'FlashMessageModule' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation.
    at syntaxError (compiler.js:485)
    at compiler.js:15289
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.push../node_modules/@angular/compiler/esm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:15271)
    at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._loadModules (compiler.js:34404)
    at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:34365)
    at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js:34259)
    at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/esm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:239)
    at PlatformRef.push../node_modules/@angular/core/esm5/core.js.PlatformRef.bootstrapModule (core.js:5551)
    at Object../src/main.ts (main.ts:11)

Uncaught错误：模块“AppModule”声明了意外的模块“FlashMessageModule”。请添加@Pipe/@Directive/@组件注释。
在syntaxError（compiler.js:485）
在compiler.js:15289
在Array.forEach（）处
在CompileMetadataResolver.push../node_modules/@angular/compiler/esm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata（compiler.js:15271）
在JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._loadModules（compiler.js:34404）
在JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileemoduleandcomponents（compiler.js:34365）
在JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler.compileModuleAsync（compiler.js:34259）
在CompilerImpl.push../node_modules/@angular/platform browser dynamic/esm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync（platform browser dynamic.js:239）
在PlatformRef.push../node_modules/@angular/core/esm5/core.js.PlatformRef.bootstrapModule（core.js:5551）
at Object../src/main.ts（main.ts:11）

另一次编辑，如果我进行ng构建，并运行index.html，它将不会显示任何内容。但当我查看浏览器控制台时，它会告诉我：

未能加载资源：net:：ERR_FILE_NOT_FOUND polyfills.js:1失败 要加载资源：net:：ERR_FILE_NOT_FOUND styles.js:1未能加载 resource:net:：ERR\u FILE\u未找到供应商。js:1未能加载资源： net:：ERR_FILE_NOT_FOUND main.js:1未能加载资源： net:：ERR_FILE_NOT_FOUND/C:/favicon.ico:1未能加载资源： net:：找不到错误文件

在App.Module.ts上删除declare和FlashMessageModule后编辑，我在浏览器的日志中看到：

compiler.js:485 Uncaught Error: Template parse errors:
'flash-messages' is not a known element:
1. If 'flash-messages' is an Angular component, then verify that it is part of this module.
2. If 'flash-messages' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  <div class="flash-message">
    <mat-card-content>
      [ERROR ->]<flash-messages>
      </flash-messages>
    </mat-card-content>
"): ng:///AppModule/LoginComponent.html@10:6

compiler.js:485未捕获错误：模板解析错误：
“快闪消息”不是已知元素：
1.如果“闪光信息”是一个角度组件，则确认它是该模块的一部分。
2.如果“flash messages”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。("
[错误->]
“”：ng:///AppModule/LoginComponent。html@10:6

它应该是

@NgModule({})
export class FlashMessageModule {
}

从上面删除

声明
。a

同时从声明中删除
FlashMessageModule，声明中应该只有组件。
您可能错过了从
FlashMessageModule
导出
FlashMessageComponent

@NgModule({})
export declare class FlashMessageModule {
     declarations: [ FlashMessageComponent],
     exports: [ FlashMessageComponent]
}

您需要从声明中删除FlashMessageModule，并且所有模块FlashMessageModule都在使用中，如果我删除它，请给出另一个错误。即使您使用它，也不应取消声明。您是否修复了它？您需要在声明下添加FlashMessages组件
   @NgModule({})
//if there is espace here please remove it
export class FlashMessageModule {
}