Angular4 Prod 构建错误 - BROWSER_SANITIZATION_PROVIDERS

Question

运行以下构建命令

ng build --prod --aot 

并得到以下错误（标准 ng 构建工作）

非法状态下的错误：预期没有成员的符号，但得到了 {"filePath":"D:/Projects/app/node_modules/@angular/platform-b​​rowser/platform-b​​rowser.d.ts","name":"platform_browser_private","members": ["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

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

注意：我认为解决问题的部分是删除所有模块以便刷新它们，确保该部分正常运行并且文件没有被锁定等，以便您获得干净的刷新。

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

要将 Angular 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