当数据在缓存中时,Apollo Client client.readQuery 返回 null

问题描述

这一定是用户错误,但我有一个带有简单 currentUser 查询的应用程序,该查询在 JWT 中查找 ID、查找它并返回适当的用户

我可以查看 devtools 并看到它在缓存中作为 __ref:User:19

export const CURRENT_USER_QUERY = gql`
  query{
    currentUser {
      id
      fullName
      email
    }
  }
`

但在我的组件中,当我执行 const { currentUser } = client.readQuery({ query: CURRENT_USER_QUERY }); 时,它(间歇性地)爆炸,因为:

Cannot destructure property 'currentUser' of 'client.readQuery(...)' as it is null.

User:19 存在并且是我需要的所有东西。我点击了重新加载,同样的页面可以工作。

我在客户端将错误策略设置为“全部”。

这是客户端的 3.3.11 版本。 Chrome v88.04,物有所值。反应 17.01。

在这里遗漏了什么吗?如果该项目在缓存中,那不应该同步(并且可靠地)返回一个值吗?

有没有更好的方法来处理这种情况?我正在尝试将此应用程序从将内容存储在 redux 或某些上下文提供程序中移开,因为它已经由 Apollo 处理。由一堆不同的事情来处理这个责任似乎是多余的。

解决方法

我遇到了同样的问题。我是这样修复的:

const existingData = cache.readQuery({
        query: GET_CONTRACT,variables: {
          ...variables,},});