当数据在缓存中时，Apollo客户端client.readQuery返回null
当数据在缓存中时，Apollo客户端的client.readQuery方法返回null。Apollo是一个流行的开源GraphQL客户端，用于构建前端应用程序。它提供了一种简单的方式来管理应用程序的状态，并与后端服务器进行数据交互。
在Apollo中，客户端的缓存是一个本地的数据存储，用于存储从服务器获取的数据。当数据被缓存时，可以使用client.readQuery方法从缓存中读取数据。但是，如果请求的数据在缓存中不存在，或者缓存中的数据已过期，client.readQuery方法将返回null。
这种情况可能发生在以下几种情况下：
- 首次加载数据：当应用程序首次加载时，缓存中可能没有所需的数据，因此client.readQuery方法返回null。此时，可以使用Apollo的查询功能从服务器获取数据，并将其存储在缓存中。
- 数据过期：如果缓存中的数据已过期，即缓存中的数据不再与服务器上的数据匹配，client.readQuery方法也会返回null。在这种情况下，可以使用Apollo的查询功能更新缓存中的数据。
- 数据未缓存：如果请求的数据在缓存中不存在，client.readQuery方法同样会返回null。这可能是因为数据尚未被加载到缓存中，或者数据在缓存中被清除。在这种情况下，可以使用Apollo的查询功能从服务器获取数据，并将其存储在缓存中。
总之，当数据在缓存中时，Apollo客户端的client.readQuery方法返回null可能是由于数据尚未被加载到缓存中、数据已过期或者缓存中的数据与服务器上的数据不匹配。为了解决这个问题，可以使用Apollo的查询功能从服务器获取数据，并将其存储在缓存中，以确保client.readQuery方法返回所需的数据。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网套件（IoT Suite）：https://cloud.tencent.com/product/iot-suite
- 移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯元宇宙（Tencent Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
这一定是用户错误，但我有一个应用程序，它有一个简单的currentUser查询，它在JWT中查找id，查找它，并返回适当的用户。({ query: CURRENT_USER_QUERY });时，它(间歇性地)崩溃了，因为： Cannot destructure property 'currentUser' of 'client.readQuery(...)' as it is null.我在客户端将我的默认错误策略设置为&quo
浏览 49提问于2021-03-19得票数 4
1回答
我在试着从阿波罗高速缓存中获取数据。我知道数据在那里，因为在Apollo开发工具中，指定的记录是可用的。在我的react应用程序中，我做了一个简单的点击并设置Id，然后将Id传递给查询。从client.readQuery(...)得到的结果是null。我转来转去，因为我不知道为什么。我使用代码的方式与文档中的完全相同。{
Recruit(_id: $id)
浏览 17提问于2021-06-07得票数 2
回答已采纳
在尝试从缓存中调用对数据的查询之前，我需要查明Apollo是否缓存了数据。const cachedData = client.readQuery({ variables: queryVariables,
}); 我的问题是，在调用任何缓存之前，我不知道如何检查我们是否缓存了数据。
浏览 18提问于2020-04-23得票数 1
是否有任何我可以检查所有的缓存，例如:在阿波罗内部的变化进行调试。类似于redux商店，您可以在其中查看整个状态树。缓存按ID将对象存储在一个平面查找表中。
浏览 3提问于2020-07-22得票数 6
回答已采纳
myData.ts然后，我在不同的组件中使用我的定制钩子一旦变异成功，响应数据将在data中可用。Component1.tsx 在另一个嵌套
浏览 0提问于2021-08-03得票数 2
我在使用Apollo和Angular 2组合分页、预取和重新获取数据时遇到了问题。我在应用程序中的预期行为是，服务器和客户端之间永远不应该有任何数据差异。我希望通过在菜单中的鼠标上预取数据来减少用户的加载时间，并在每个组件中都有一个微调/加载屏幕，在数据被获取之前隐藏内容。如果一个组件已经被访问过了，我想触发一个refetch而不是prefetch onmouseover
浏览 3提问于2017-02-16得票数 3
我使用的是apollo 2.0。我首先针对给定的用户名和密码向服务器发出authUser graphql调用，这将生成jwt令牌并返回令牌作为响应。我确实看到在成功登录时，User作为id密钥值存储在cache中。我确实有Buy按钮，在那里我需要为给定的token制作validateSSOSession。对于validateSSOSession，我需要从缓存中读取token。我经历了client.readQuery，client.fr
浏览 1提问于2018-05-06得票数 9
zoneId customsInfo } customsInfo: null6 name: "Ukraine" zoneId: 8} 在嵌套组件中，我从client.readQuery读取这些对象。我想要的是
浏览 8提问于2021-04-29得票数 0
我在react应用程序中使用react-apollo，但我不知道如何实现客户端模式。() => { cache, }); }console.log('data:', data); 但是当我在客户端实例上运行readQuery时，我得到了这个错误Mis
浏览 8提问于2019-06-24得票数 0
回答已采纳
我创建了一个从graphql服务器读取数据的基本示例。我注意到我的网络呼叫在我运行我的变异后提出了一个请求。我试图更新缓存以防止网络调用，但是当我尝试读取缓存时。此方法可用于检索数据，但它不会自动从缓存读取： const { data } = useQuery(GET_PLAYERS);
带有@client指令以指示get缓存失败的useQuery对象上找到字段'players‘”，路径:数组(1)，查询：{…}，变量：{
浏览 1提问于2020-08-26得票数 0
1回答
我在单个类中定义了以下NGRX效果。loadPage$效应很好。loadSection$效果可以工作，但出于某种原因，即使我只返回SetSections操作，也会触发SetPages操作和SetSections操作。有什么想法吗？data', 'pageSections'), ); );
操作：在单个文件中定义的所有操作LoanAc
浏览 1提问于2020-02-19得票数 0
回答已采纳
在用户导航到完全不同的页面的其他情况下，尽管理论上服务器通过提供新消息订阅事件来提供这样一种方式，但是问题更加明显，因为没有与主动订阅的聊天消息相关的东西，所以当新消息到达时没有使缓存的数据无效的东西。我的问题如下：
保持Apollo缓存的数据同步/失效的最佳实践是什么，这些数据并不是主动“使用”的？保持嵌套数据同步的最佳实践是什么(事件线程的消息见下文)。使用.subscribeToMore可以使活跃使用的数据</
浏览 4提问于2020-05-20得票数 0
所以我有一个简单的待办事项应用程序，它从数据库中存储和获取数据。https://www.apollographql.com/docs/react/data/mutations/ 我从Apollo客户端使用Refetching查询，因为当添加、更新或删除列表时，需要更新前端中的数据请参考此链接，我遵循了他们提到的确切步骤，它按预期工作，我可以在内存缓存</em
浏览 47提问于2021-11-02得票数 0
1回答
下面是我的用于缓存的apollo客户端代码 val sqlNormalizedCacheFactorysqlNormalizedCacheFactory,cacheKeyResolver)我正在做一个查询，之后apollo缓存我的结果，但当<
浏览 18提问于2020-06-06得票数 1
回答已采纳
1回答
RxJS取消订阅挂钩
、、、、
如果有一段代码可以将一些数据提取到缓存中，并使用websocket连接使其保持同步，并使用可观察对象提供对数据的访问接口，那么我如何知道在某个时间点上没有订阅者呢？现实生活中的场景是一个graphql查询(apollo-angular)和一个websocket订阅来保持数据同步。一旦没有数据的订阅者(例如，用户导航到另一页面)，可以关闭websocket连接以节省服务器资源，但是需要同时从高速缓存中
浏览 5提问于2020-05-28得票数 2
当您重新访问其数据由react-apollo提供支持的页面时，如何使用refetch刷新数据
比方说，我第一次访问列表页面。默认情况下，apollo将获取查询并对其进行缓存。因此，当您在会话期间再次访问同一页面时，它将填充其缓存存储中的数据。如何强制apollo在每次挂载组件时都重新获取数据？
浏览 3提问于2017-05-05得票数 7
回答已采纳
1回答
我使用Next.js和getStaticProps函数来获取服务器端的数据。它可以很好地获取数据，但有一个例外。在执行函数client.readQuery({ query: QUERY })之后，我收到了错误Can't find field '<field>' on ROOT_QUERY object。当我在客户端查看client.cache.data.data时，我注意到我试图从缓存中获取的
浏览 2提问于2021-01-17得票数 0
对于我正在尝试调优的应用程序，从Apollo客户端GraphqQL查询收到的初始数据集目前非常大。在“大”中，我的意思是似乎数据规范化到缓存中" data“关键字下的大约7,000个条目。如果我要保存缓存的数据条目，它将被规范化到大约3MB。我不喜欢初始查询是如何工作的，因为我目前正在重新设计他们的应用程序，以便在图形上使用游标和过滤，而不是客户端获取如此大量的数据和过滤
浏览 0提问于2018-05-31得票数 9
1回答
我在玩@apollo/client v3的缓存。这是。我正在将一个用户添加到使用client.writeQuery缓存的用户列表中，并且该查询有一个pollInterval来每隔几秒钟重新获取一次。我能够将用户添加到列表中，它确实刷新了UI，我可以看到pollInterval在Chrome的network选项卡中工作。问题
当轮询开始时，我希望用户列表返回到它的初始状态，并覆盖我手动添加到
浏览 0提问于2020-10-02得票数 2
1回答
我正在使用Nuxtjs + apollo模块
我有2页1项目页面和1项目更新。问题是当我访问项目页面时，每个GQL请求都会调用到我的laravel服务器(从mount() ).And，然后我单击nuxt-link到seconds页面，做一些更改，然后单击nuxt-link返回第一个页面我需要让它在我每次访问第一页时都能调用。谁能给我一些解决方案?？谢谢
浏览 0提问于2020-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
