Apollo 客户端缓存和 Next.js答案

【问题标题】：Apollo Client cache and Next.jsApollo 客户端缓存和 Next.js
【发布时间】：2021-04-21 09:38:14
【问题描述】：

大家！

我使用 Next.js 和 getStaticProps 函数在服务器端获取数据。它可以很好地获取数据，但有一个例外。

我在执行函数client.readQuery({ query: QUERY }) 后收到错误Can't find field '<field>' on ROOT_QUERY object。

当我在客户端查看client.cache.data.data 时，我注意到我试图从缓存中获取并在服务器端获取的字段不在ROOT_QUERY 中，而是在它附近（红色）。

在 ROOT_QUERY 中，我只能看到在客户端获取的字段（绿色）。

但在服务器端，ROOT_QUERY 中的所有字段。

当然，我可以通过 props 传递获取的数据并使用它们，但我想改用缓存。

如果有人遇到这种情况，我希望得到如何处理的建议。谢谢。

【问题讨论】：

【解决方案1】：

抱歉，我错过了 _app.tsx 中的 initialApolloState。

在getStaticProps()

【讨论】：