【发布时间】:2026-02-19 19:05:02
【问题描述】:
我正在关注 https://www.apollographql.com/docs/tutorial/client/ 上的 Apollo 教程。我的服务器在localhost:4000 上成功运行,我的客户端在localhost:3000 上运行。客户端编译成功,但我在浏览器中收到 400 错误,它指向 Apollo 错误:
Uncaught (in promise) Error: Network error: Response not successful: Received status code 400 at new ApolloError (bundle.esm.js:76).
本教程使用我没有安装的客户端 TypeScript,所以我在全局安装了它,但是除了教程提到的内容之外,我没有对客户端进行任何其他更改。不知道是不是这个问题。
作为参考,教程的 repo 位于https://github.com/apollographql/fullstack-tutorial。
【问题讨论】:
-
400 错误意味着您的查询本身无效或格式错误。检查
useQuery挂钩返回的error对象以确定原因。您还可以在浏览器的开发工具中查看来自服务器的原始响应。errors数组将包含有关您的查询出了什么问题的详细信息。
标签: typescript apollo-client apollo-server