Angular 5执行ng build --prod报错：无法解析app.module.ngfactory

我之前也碰到过这个Angular 5生产构建的坑，给你几个实用的排查和解决方向，应该能搞定：

• 检查Angular CLI版本兼容性
  Angular 5对应的CLI稳定版本是1.5.x系列，全局和本地CLI版本不一致很容易导致这类构建异常。

  1. 先查看当前CLI版本：ng --version
  2. 如果版本不匹配，先卸载本地CLI：npm uninstall @angular/cli --save-dev
  3. 安装Angular 5适配的CLI版本：npm install @angular/cli@1.5.8 --save-dev
  4. 同步全局CLI版本（可选但推荐）：npm uninstall -g @angular/cli && npm install -g @angular/cli@1.5.8

• 确认main.ts入口文件未被错误修改
  虽然你说没手动使用ngfactory文件，但可能不小心修改了入口逻辑。正常的src/main.ts应该是这样的：

  import { enableProdMode } from '@angular/core';
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  import { AppModule } from './app/app.module';
  import { environment } from './environments/environment';
  
  if (environment.production) {
    enableProdMode();
  }
  
  platformBrowserDynamic().bootstrapModule(AppModule);
  

  不要出现引用AppModuleNgFactory的代码——Angular CLI在生产构建时会自动处理AOT编译的入口，不需要手动引入ngfactory文件。

• 检查.angular-cli.json配置正确性
  Angular 5使用.angular-cli.json作为配置文件，确认其中apps[0].main字段指向正确的入口文件：

  {
    "apps": [
      {
        "main": "src/main.ts",
        // 其他配置项...
      }
    ]
  }
  

  确保这里没有错误指向生成的ngfactory文件。

• 清理缓存和依赖重新安装
  有时候node_modules缓存或构建残留会导致奇怪的问题，按以下步骤清理：

  1. 删除node_modules文件夹：Windows用rmdir /s /q node_modules，Mac/Linux用rm -rf node_modules
  2. 删除dist构建输出文件夹：rm -rf dist
  3. 清理npm缓存：npm cache clean --force
  4. 重新安装依赖：npm install
  5. 再次尝试生产构建：ng build --prod

• 测试关闭AOT构建
  Angular 5的--prod默认开启AOT，如果AOT配置有问题也会触发这个错误。可以先尝试关闭AOT测试：

  ng build --prod --aot=false
  

  如果构建成功，说明AOT相关配置存在问题，检查tsconfig.json中的angularCompilerOptions配置是否正确：

  "angularCompilerOptions": {
    "genDir": "./aot",
    "skipMetadataEmit": true
  }
  

试试这些方法，应该能解决你的生产构建问题。

内容的提问来源于stack exchange，提问作者Mohammad Fareed