时间戳

首页 > 解决方案 > Apollo 客户端：网络错误 {"type":"WriteError"}

apollo - Apollo 客户端：网络错误 {"type":"WriteError"}

问题描述

我正在接受Network Error {"type":"WriteError"}我的阿波罗查询。查询在到达客户端时执行得很好。但是把它写到他的商店是有问题的。任何想法可能会出现什么问题？这是查询：

fragment BpmnProcessInstanceItemTask on BpmnTaskInstance {
  id
  dateStarted
  dateFinished
  task {
    name
    __typename
  }
  performer {
    name
    __typename
  }
  performerRoles
  __typename
}

fragment BpmnProcessInstanceItem on BpmnProcessInstance {
  id
  status
  process {
    name
    description
    type
    __typename
  }
  owner {
    name
    __typename
  }
  tasks {
    ...BpmnProcessInstanceItemTask
    __typename
  }
  dateStarted
  dateFinished
  __typename
}

query BpmnProcessInstancesQuery($input: BpmnProcessInstancesInput!) {
  bpmnProcessInstancesQuery(input: $input) {
    ...BpmnProcessInstanceItem
    __typename
  }
}

"

标签： apolloreact-apolloapollo-client

解决方案

我自己遇到了这个问题，并在这里找到了解决方案。发生这种情况是因为查询正在加载没有 id（或 id）的数据，然后无法与缓存中的现有数据合并。

采取以下示例查询：

{
  viewer {
    id
    fullName
    groups {
      id
      name
    }
  }
}

返回的数据将存储在缓存中，查看者一个条目，每组一个条目：

User:asidnajksduih6
Group:9p8h2uidbjqshd
Group:d9a78h92lnasax

如果后续查询如下所示：

{
  viewer {
    id
    fullName
    groups {
      name
    }
  }
}

可能存在冲突，因为不清楚应该在缓存中更新哪些组（结果集将不包括组 ID）。

解决方案似乎是尽可能在查询中使用 id。这避免了合并问题，并提高了后续不相关查询命中缓存的机会。

以上描述了原因和解决方案。此问题的可能症状包括：呈现过时的数据，或者即使结果在您的缓存中也没有呈现任何数据。正如这里所指出的，这些错误是静默发生的，但是可以通过“查询”选项卡中的Apollo chrome 扩展程序看到它们。

推荐阅读