Angular多相互引用库npm link后构建报错的解决咨询

• 确保每个核心库的package.json配置正确：
  每个库的name字段必须和引用时的包名（如@core/a）完全一致，同时main、module、types字段要指向编译后dist目录下的正确入口文件（比如dist/core/a/index.js、dist/core/a/index.d.ts）。

• 建立核心库之间的本地链接：
  除了把所有核心库链接到业务项目，还要在每个有依赖的核心库目录下，对它依赖的其他核心库执行链接命令。比如@core/B依赖@core/A，就进入@core/B的根目录执行npm link @core/a，以此类推处理所有库间依赖。

• 配置业务项目的tsconfig.json路径映射：
  在业务项目的tsconfig.json的compilerOptions中添加paths，将每个@core/*包名映射到对应核心库的本地编译输出目录：

  {
    "compilerOptions": {
      // 保留原有配置
      "paths": {
        "@core/a": ["../Core/Core/dist/core/a"],
        "@core/b": ["../Core/Core/dist/core/b"],
        // 逐一添加所有19个核心库的映射规则
      }
    }
  }
  

• 确保核心库已完成编译：
  对所有核心库执行构建命令（如ng build），保证dist目录存在且是最新编译结果。后续修改核心库代码后，需要重新编译才能让业务项目获取更新。

• 清理缓存并重启构建：

  • 删除业务项目下的node_modules/.angular/cache目录
  • 执行npm cache clean --force清理npm缓存
  • 重新运行ng serve或ng build启动业务项目

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