Angular集成GraphQL遇模块找不到及依赖冲突问题求助

问题根源 #

你遇到的两个问题本质是同一个原因：apollo-angular 4.1.1仅支持Angular 14，而你的项目使用的是Angular 15，导致依赖树冲突，进而依赖安装失败，出现Cannot find module '@apollo/client/core'的错误。

解决步骤 #

1. 清理不兼容依赖
   先卸载可能残留的不兼容包：

npm uninstall apollo-angular apollo-angular/http @apollo/client

2. 安装兼容Angular 15的版本
   apollo-angular 5.x及以上版本开始支持Angular 15，选择以下方式之一安装：

• 使用ng add指定兼容版本：

ng add apollo-angular@^5.0.0

• 手动安装所有必要依赖：

npm install apollo-angular@^5.0.0 apollo-angular/http@^5.0.0 @apollo/client graphql

3. 处理残留的peer依赖警告（可选）
   如果安装时仍出现peer依赖冲突提示，可添加--legacy-peer-deps参数（适用于npm 7+版本）：

npm install apollo-angular@^5.0.0 apollo-angular/http@^5.0.0 @apollo/client graphql --legacy-peer-deps

4. 验证配置
   你的graphql.module.ts代码本身没有问题，安装完成后，Cannot find module '@apollo/client/core'的错误会自动消失。记得将代码中的const uri = ''替换为你的实际GraphQL服务地址。

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