ERRO em multi webpack-dev-server / client? Http: // localhost: 4200 - angularjs, node.js

problema

• corri problema angular cli quando corri
  1. início npm ou
  2. ng servir.

erro: webpack: falha ao compilar.

ng version

@angular/cli: 1.1.0
node: 6.11.0
os: win32 x64
@angular/animations: 4.2.6
@angular/common: 4.2.6
@angular/compiler: 4.2.6
@angular/core: 4.2.6
@angular/forms: 4.2.6
@angular/http: 4.2.6
@angular/platform-browser: 4.2.6
@angular/platform-browser-dynamic: 4.2.6
@angular/router: 4.2.6
@angular/cli: 1.1.0
@angular/compiler-cli: 4.2.6
@angular/language-service: 4.2.6

versão do nó v6.11.0

 D:Angular2DevApp>npm version
{ "angular2-dev-app": "0.0.0",
npm: "5.2.0",
ares: "1.10.1-DEV",
http_parser: "2.7.0",
icu: "58.2",
modules: "48",
node: "6.11.0",
openssl: "1.0.2k",
uv: "1.11.0",
v8: "5.1.281.102",
zlib: "1.2.11" }

• Eu instalei o aplicativo novo para trabalhar.

• qualquer sugestão é muito bem vinda.

imagem de erro:

• segunda imagem quando eu tentei npm start

Respostas:

Tente o seguinte: Na sua configuração do webpack, adicione o seguinte plugin e carregador:

import {AotPlugin} from "@ngtools/webpack"

exports = { /* ... */
module: {
rules: [
{
test: /.ts$/,
loader: "@ngtools/webpack",
}
]
},

plugins: [
new AotPlugin({
tsConfigPath: "path/to/tsconfig.json",
entryModule: "path/to/app.module#AppModule"
})
]
}

O carregador trabalha com o plug-in webpack para compilar seu TypeScript. É importante incluir os dois e não incluir nenhum outro carregador de compilador TypeScript.

De um problema do GitHub: Primeiro, desinstalei a versão antiga da CLI globalmente, limpei o cache e instalei a nova versão globalmente, seguindo estas instruções:

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

E então eu atualizei o aplicativo.