Angular4产品生成错误- BROWSER_SANITIZATION_PROVIDERS

Question

运行以下构建命令

ng build --prod --aot 

并获得以下错误(标准ng构建工作)

非法状态中的错误:没有成员期望的符号，但是得到了{"filePath":"D:/Projects/app/node_modules/@angular/platform-browser/platform-browser.d.ts"，"name":"platform_browser_private"，“成员”：“BROWSER_SANITIZATION_PROVIDERS”}。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { NavBarComponent } from './navbar.component';
import { FooterComponent } from './footer.component';
import { MainComponent } from './main.component';

//Services
import { ProductService } from './services/product.service';
import { CategoryService } from './services/category.service';

//Pages
import { SubscriptionComponent } from './subscription/subscription.component';
import { ProductsComponent } from './products/products.component';
import { ProductComponent } from './product/product.component';
import { FrontpageHeaderComponent } from './frontpage-header.component';

//Global
import { RouterModule } from '@angular/router';
import { HeaderSecondLevelComponent } from './header-second-level.component';
import { NodeModule } from 'angular2-platform-node'
import { AppRoutingModule } from './app-routing.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

//Angular Material
import { MaterialModule } from '@angular/material';
import 'hammerjs';


@NgModule({
  declarations: [
    AppComponent,
    NavBarComponent,
    FooterComponent,
    MainComponent,
    SubscriptionComponent,
    ProductsComponent,
    ProductComponent,
    FrontpageHeaderComponent,
    HeaderSecondLevelComponent,
  ],
  entryComponents: [],
  imports: [
    BrowserModule,
    FormsModule,
    [MaterialModule],
    HttpModule,
    AppRoutingModule,
    BrowserAnimationsModule
  ],
  providers: [ProductService, CategoryService, BrowserModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

为了解决这个问题，我从角度CLI安装指南中运行了以下命令，现在我得到了一个干净的prod构建。

注意:我认为修复问题的部分是删除所有模块，以便它们被刷新，确保部分正确运行，文件没有被锁定等等，这样您就可以得到一个干净的刷新。

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli

若要将角CLI更新为新版本，必须同时更新全局包和项目的本地包。

全球一揽子计划：

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

地方一揽子项目：

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install