如果 Angular 项目与微前端架构一起使用，第三方库就会被破坏

Question

如果 Angular 项目架构使用微前端（Host 和 MFE），并且您运行 nmp 命令来安装 echarts，则在构建任何项目时，所有 echarts 链接都会显示为损坏。

生成的错误示例：

[错误] TypeScript 编译中缺少文件“node_modules/echarts/types/dist/charts.d.ts”。 [插件角度编译器]

我尝试了几种解决方案，但没有任何效果，例如在 tsconfig.app.ts 和 angular.js 中添加 echarts 的路径，但没有成功。

Answer 1

经过无数次的尝试和反复的搜索，我终于找到了解决方案：

在 package.json 文件中，我通过将 echarts 和 ngx-echarts 包从标准依赖项部分移动到文件末尾的新 peerDependency 部分来解决该问题，如下所示：

"peerDependencies": {
   "echarts": "^5.5.1",
   "ngx-echarts": "^18.0.0"
}

通过这一更改，一切开始完美运行。