执行ng add apollo-angular触发ERESOLVE依赖树解析错误如何解决

问题根因 #

从报错日志可明确，apollo-angular@2.6.0的依赖要求@angular/core版本范围为^6.1.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0，你新建的项目为Angular 13版本，@angular/core@13.0.2不在兼容范围内，因此触发依赖树解析失败。

解决方案 #

方案1（推荐）：安装支持Angular 13的apollo-angular版本 #

apollo-angular从v3.0.0开始支持Angular 13，直接执行以下命令即可完成安装：

ng add apollo-angular@3

若上述命令仍报错，可手动安装对应版本的全套依赖：

npm install apollo-angular@3 @apollo/client graphql

方案2：强制绕过依赖校验（仅临时测试使用，不推荐生产环境） #

如果必须使用apollo-angular@2.6.0版本，可在手动安装时添加--force参数忽略依赖校验：

npm install apollo-angular@2.6.0 --force

该方案可能导致运行时出现兼容性问题，不建议长期使用。

方案3：降级项目Angular版本 #

若业务必须使用2.6.0版本的apollo-angular，可将项目的Angular版本降级到12.x范围，即可正常安装依赖。

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