Angular 5生产构建AOT模式报错：从node_modules导入源文件求助

我之前在维护Angular 5项目时也碰到过类似的AOT编译报错，结合你给出的错误信息和「关闭AOT就能正常构建」的现象，给你几个针对性的排查和解决思路：

• 确认ngx-bootstrap版本兼容性
  Angular 5对第三方依赖的版本要求比较严格，ngx-bootstrap的3.x及以上版本主要适配Angular 6+，而Angular 5对应的适配版本是2.x系列。如果你的项目里装了过高版本的ngx-bootstrap，就可能导致AOT编译时出现跨模块的导入错误。
  你可以先卸载当前版本，重新安装适配Angular 5的指定版本：

  npm uninstall ngx-bootstrap --save
  npm install ngx-bootstrap@2.0.5 --save
  

• 排查本地指令的引用问题
  报错核心是「node_modules里的ngx-bootstrap组件试图导入本地的search-scrollbar.directive.ts」，这不符合正常的依赖逻辑。你可以检查这几点：

  • 有没有在ngx-bootstrap typeahead的自定义模板中使用了search-scrollbar指令？如果有，要确保该指令所在的模块已经正确导入到当前使用模块中，且模板里的指令引用语法没有错误。
  • 检查search-scrollbar.directive.ts的声明范围，不要把它放到全局共享模块中被第三方依赖间接引用，确保它只在你自己的业务模块中声明和使用。

• 清理AOT编译缓存
  有时候旧的AOT缓存文件会导致奇怪的编译冲突，你可以手动清理缓存和构建产物后重新尝试：

  • Windows系统：

    rd /s /q node_modules\.cache dist
    

  • Linux/macOS系统：

    rm -rf node_modules/.cache dist
    

  之后再执行生产构建命令：ng build --prod

• 检查tsconfig和CLI配置
  Angular 5的AOT编译对tsconfig.json有特定要求，确保你的配置包含以下关键项：

  {
    "compilerOptions": {
      "target": "es5",
      "module": "es2015",
      "moduleResolution": "node",
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "skipLibCheck": true,
      "strict": false
    }
  }
  

  另外，检查.angular-cli.json（Angular 5使用的是这个配置文件）中的defaults.build.aot设置，确保没有错误的路径或参数配置。

内容的提问来源于stack exchange，提问作者L. Kvri