我正在尝试 npm install ngtools/webpack@1.3.3 Module not found: Error: Can't resolve 'module.ngfactory.ts'答案

【问题标题】：I am trying to npm install ngtools/webpack@1.3.3 Module not found: Error: Can't resolve 'module.ngfactory.ts'我正在尝试 npm install ngtools/webpack@1.3.3 Module not found: Error: Can't resolve 'module.ngfactory.ts'
【发布时间】：2017-07-28 22:08:24
【问题描述】：

我正在使用 ngtools/webpack@1.3.3 的 Angular 版本 4.1.0 和 webpack，得到错误模块未找到。我使用这个 ngtools/webpack@1.3.3 得到这些错误

   Module not found: Error: Can't resolve
     './app/app.browser.module.ngfactory' in package.json (relative path:
     ./src/client)
         Field 'browser' doesn't contain a valid alias configuration   after using description file:  (relative path: ./src/client)
         using description file: package.json (relative path: ./src/client/app/app.browser.module.ngfactory)


     Error: . lazy Module not found: Error: Can't resolve
     '/media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack/src/client/app/modules/checkout-module/checkout.module.ngfactory.ts'
     in '/media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack'
     resolve '/media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack/src/client/app/modules/checkout-module/checkout.module.ngfactory.ts'
     in '/media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack'
     using description file: /media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack/package.json
     (relative path: .)
         Field 'browser' doesn't contain a valid alias configuration   after using description file: /media/ongraph/new volume
     1/EponymAngularproject/development/28junIE-angularuniversal/classicspecs-webpack/package.json
     (relative path: .)
         using description file: /media/ongraph/new volume           1/EponymAngularproject/development/28junIE-  angularuniversal/classicspecs-webpack/package.json
     (relative path:
     ./src/client/app/modules/checkout-module/checkout.module.ngfactory.ts)
     no extension
      Field 'browser' doesn't contain a valid alias configuration
      .module.ngfactory.ts doesn't exist
     @ . lazy  @ ./~/@angular/core/@angular/core.es5.js  @ ./~/@angular/platform-browser/@angular/platform-browser.es5.js  @
     ./src/client/main-browser.ts

当我更改版本 ngtools/webpack@~1.5.0 npm install 成功。但是在控制台中服务后会出错

Uncaught Error: No NgModule metadata found for 't'.
    at t.resolve (app.a3216cb….bundle.js:1)
    at t.getNgModuleMetadata (app.a3216cb….bundle.js:1)
    at t._loadModules (app.a3216cb….bundle.js:1)
    at t._compileModuleAndComponents (app.a3216cb….bundle.js:1)
    at t.compileModuleAsync (app.a3216cb….bundle.js:1)
    at e._bootstrapModuleWithZone (app.a3216cb….bundle.js:1)
    at e.bootstrapModule (app.a3216cb….bundle.js:1)
    at r (app.a3216cb….bundle.js:1)
    at Object.r [as a] (app.a3216cb….bundle.js:1)
    at Object.311 (app.a3216cb….bundle.js:1)

 "@angular/common": "~4.1.0",
    "@angular/core": "~4.1.0",
    "@angular/forms": "~4.1.0",
    "@angular/http": "~4.1.0",
    "@angular/platform-browser": "~4.1.0",
    "@angular/platform-browser-dynamic": "~4.1.0",
    "@angular/platform-server": "~4.1.0",

【问题讨论】：

Module not found 错误仅在生产环境中运行，在开发环境中运行良好。

标签： angular webpack universal angular-seed

【解决方案1】：

尝试禁用 AoT 编译，此错误是一般性的，有时在启用 AoT 时会发生（默认情况下，AoT 在目标生产中启用）。

【讨论】：

【解决方案2】：

这是使用 ng-seed 的 Angular Universal 中的一个错误，我有安装包 "enhanced-resolve": "3.3.0" 在 package.json 中。它对我来说工作正常。

【讨论】：