React Apollo GraphQL：期望解析的GraphQL文档。也许您需要用“GQL”标记包装查询字符串？

Question

在尝试更新变异后的缓存时，我不断地得到这个错误：

可能未处理的promise拒绝(ID:0):不变冲突：需要解析的GraphQL文档。也许您需要用“GQL”标记包装查询字符串？

const cards = this.props.client.readQuery({ FETCH_CARDS, variables: { userId: data.createPaymentMethod.userId } });

const { id,
        brand,
        lastFour,
        userId,
        stripeID } = data.createPaymentMethod

const paymentMethod = {
  id: id,
  brand: brand,
  lastFour: lastFour,
  userId: userId,
  stripeID: stripeID,
  __typename: 'PaymentMethod',
};

// Write back to the to-do list and include the new item
this.props.client.writeQuery({
  FETCH_CARDS,
  data: {
    paymentMethod: [...cards.paymentMethod, paymentMethod],
  },
});

我不明白我做错了什么。我遵循以下指南:https://www.apollographql.com/docs/react/caching/cache-interaction/#writequery-and-writeFragment

编辑:FETCH_CARDS

const FETCH_CARDS = gql`
  query PaymentMethod($userId: ID){
    paymentMethod(userId: $userId) {
      id
      brand
      lastFour
      userId
      stripeID
    }
  }
`;

Answer 1

当我遇到这种情况时，问题通常就像导入fetch_cards没有正确解决一样简单。如果没有完整的示例，很难确定，我需要能够看到每个代码示例和目录结构的整个文件。