多webpack-dev-server / client中出現錯誤？http：// localhost：4200

Question

問題

• 我跑步時跑了角度cli問題
  1. npm start或
  2. ng服務。

錯誤：webpack：編譯失敗。

ng版本

@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

節點版本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' }

• 我已經安裝了新鮮的應用程序。

• 任何建議都是最歡迎的。

錯誤圖片：

• 我嘗試npm start時的第二張圖片

Answer 1

嘗試以下操作：在您的webpack配置中，添加以下插件和加載器：

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'
    })
  ]
}

加載程序與webpack插件一起編譯您的TypeScript。 重要的是要同時包含兩者，並且不包含任何其他TypeScript編譯器加載器。

Answer 2

從GitHub問題開始 ：首先，按照以下說明，在全局范圍內卸載舊版本的CLI，清除緩存，然后在全局范圍內安裝新版本的CLI：

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

然后我更新了應用程序。