多webpack-dev-server/client?http://localhost:4200中的误差

Question

问题

• 运行时，我运行了角cli问题
  1. npm启动或
  2. 吴发球。

​

错误:webpack:编译失败。

吴版

@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启动时的第二个图像

​

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编译器加载程序。