Angular 5生产构建报错：无法解析app.module.ngfactory及tsconfig异常

结合你遇到的报错信息和使用的Angular版本，这大概率是AOT编译环节出现了配置或路径相关的问题，我整理了几个最可能的原因和对应的解决办法：

1. 确认命令执行的目录是否正确 #

有时候我们会不小心进入src目录执行构建命令，这会导致CLI找不到正确的配置文件。确保你是在项目根目录（也就是包含.angular-cli.json和tsconfig.json的C:\workspace\my-app文件夹）下运行ng build --prod命令。

2. 检查.angular-cli.json的核心配置 #

Angular CLI 1.7.x使用的是.angular-cli.json（不是后来版本的angular.json），重点检查apps数组里的配置是否正确：

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

要确保tsconfig指向的是src目录下的tsconfig.app.json（这是CLI默认用于AOT编译的配置文件），同时确认main.ts里导入AppModule的路径没有拼写错误。

3. 修复tsconfig.json的编译规则 #

虽然你说没修改过配置，但缓存或依赖更新可能导致配置失效。检查根目录的tsconfig.json，确保rootDir和include路径正确覆盖源码：

{
  "compilerOptions": {
    "rootDir": "src",
    // 其他编译选项...
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "bower_components", "jspm_packages"]
}

另外，删除CLI的缓存目录node_modules/.cache（Windows下直接右键删除文件夹即可），缓存损坏经常会引发这类奇怪的编译问题。

4. 重新安装依赖包 #

依赖损坏是这类问题的常见元凶，执行以下步骤清理并重装依赖：

# Windows系统执行：
rmdir /s/q node_modules
del package-lock.json
npm install

安装完成后再尝试运行ng build --prod（建议用--prod的完整写法，虽然旧版本兼容-prod，但标准写法更稳妥）。

5. 排查文件大小写与权限问题 #

Windows不区分文件名大小写，但Angular的AOT编译对大小写敏感。确保代码里引用AppModule的路径和实际文件名完全一致，比如不要出现import { AppModule } from './App.Module'但实际文件是app.module.ts的情况。

同时检查src目录下的文件是否被系统锁定，或者你的用户账户有没有读写该目录的权限。

6. 手动指定ngc的配置文件 #

直接运行ngc时如果不指定配置，它会读取根目录的tsconfig.json，但CLI的AOT编译实际用的是src/tsconfig.app.json。试试用以下命令排查：

./node_modules/.bin/ngc -p src/tsconfig.app.json

如果这个命令能正常执行，说明根目录的tsconfig.json确实不适合直接用于ngc编译，而CLI的配置可能没正确指向tsconfig.app.json。

内容的提问来源于stack exchange，提问作者Abdennacer Lachiheb