运行npm run develop时出现@apollo-client模块缺失错误求助

问题根源 #

该错误表明Webpack无法定位@apollo/client包，要么是依赖未安装，要么是导入路径书写错误。

解决方案 #

1. 确认并安装依赖 #

进入client目录，检查package.json的dependencies中是否包含@apollo/client和graphql：

• 若不存在，执行安装命令：

cd client
npm install @apollo/client graphql

• 若已存在，尝试重置依赖：

cd client
rm -rf node_modules package-lock.json
npm install

2. 修正导入路径 #

检查queries.js中的导入语句，确保使用正确的包路径（斜杠而非短横线）：

// 正确写法
import { gql, useQuery } from '@apollo/client';

// 错误写法（会触发模块找不到错误）
import { gql, useQuery } from '@apollo-client';

3. 重启开发服务器 #

完成依赖安装或路径修正后，重启开发服务：

npm run develop

额外排查 #

如果此前mutations.js能正常运行，可能是旧代码依赖的是Apollo旧版包（如apollo-boost、react-apollo），而新增的查询代码使用了新版@apollo/client的API，导致依赖不兼容。此时需要统一使用@apollo/client的API，并确保所有相关导入都指向该包。

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