我正在尝试npm安装ngtools/webpack@1.3.3找不到模块:错误:无法解析'module.ngfactory.ts‘

Question

我使用的是angular版本4.1.0，使用的是ngtools/ webpack @1.3.3，找不到错误模块。我使用这个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安装成功。但在控制台中服务后会出现错误

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",

Answer 1

尝试禁用 AoT编译，此错误是通用的，有时会在AoT启用时发生(默认情况下，在目标生产上启用AoT )。

Answer 2

我在package.json中安装了包"enhanced-resolve"："3.3.0"，这是使用ng-seed的angular universal中的一个错误。它对我来说工作得很好。