Apollo Client疑问：添加pollInterval后本地状态被默认值覆盖？

我之前也碰到过类似使用 apollo-link-state 结合 pollInterval 时的缓存异常问题，结合你描述的现象，大概率是轮询触发的查询流程和本地状态的初始化/解析逻辑发生了冲突，以下是我的分析和可行的排查、解决方向：

可能的根源 #

• 本地状态 resolver 被误触发：当轮询执行查询时，如果你的查询中包含了本地字段，Apollo 可能会重新调用对应的 resolver，而如果 resolver 里没有正确读取现有缓存值，直接返回默认值，就会导致状态被重置。
• 缓存持久化的时机冲突：apollo-cache-persist 在持久化和恢复缓存时，如果轮询刚好触发了缓存写入，可能会覆盖掉已恢复的本地状态。
• Apollo Client 初始化逻辑重复执行：如果你的客户端初始化代码（比如设置默认本地状态）在轮询周期内被意外重复执行，会导致默认值被重新写入缓存。

排查与解决步骤 #

1. 检查本地状态的 resolver 实现
   确保所有本地字段的 resolver 都先从缓存中读取现有值，再进行修改或返回，而不是直接返回默认值。比如：

   const resolvers = {
     Query: {
       localCounter: (_root, _args, { cache }) => {
         // 先读取缓存中的现有值，而非直接返回默认值
         const { localCounter } = cache.readQuery({ query: GET_LOCAL_COUNTER }) || { localCounter: 0 };
         return localCounter;
       },
     },
     Mutation: {
       incrementCounter: (_root, _args, { cache }) => {
         const { localCounter } = cache.readQuery({ query: GET_LOCAL_COUNTER });
         const newCount = localCounter + 1;
         cache.writeQuery({
           query: GET_LOCAL_COUNTER,
           data: { localCounter: newCount },
         });
         return newCount;
       },
     },
   };
   

2. 调整缓存持久化的配置
   尝试修改 apollo-cache-persist 的配置，比如设置防抖时间，避免轮询频繁触发持久化操作覆盖状态：

   persistCache({
     cache,
     storage: window.localStorage,
     debounce: 500, // 增加防抖时间，减少频繁写入
   });
   

   同时确保在缓存恢复完成后再初始化 Apollo Client 和执行查询，避免未恢复完成就开始轮询：

   persistCache({...}).then(() => {
     // 在此处初始化 Apollo Client 并渲染应用
     ReactDOM.render(<ApolloProvider client={client} />, document.getElementById('root'));
   });
   

3. 确认轮询的查询范围
   检查你设置了 pollInterval 的查询是否包含不必要的本地字段，如果本地状态不需要参与轮询，可以将查询拆分为远程查询和本地查询两个部分，避免轮询触发本地状态的 resolver。

4. 排查 Apollo Link 的执行顺序
   确保 apollo-link-state 在链接链中的位置正确，应该放在 apollo-link-error 之前、远程链接之前，避免轮询的请求流程错误触发本地状态的重置：

   const link = ApolloLink.from([
     errorLink,
     stateLink,
     httpLink,
   ]);
   

你提供的复现示例是非常有帮助的，可以进一步定位问题——建议在示例中添加日志，打印每次轮询时缓存的读取和写入操作，以及 resolver 的调用情况，这样能快速找到是哪一步导致了状态重置。

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