javascript - Apollo 客户端查询缺少字段 __typename
问题描述
我正在尝试使用apollo-link-rest
Star Wars API,但遇到了一些错误。
import { InMemoryCache } from "apollo-cache-inmemory";
import { ApolloClient } from "apollo-client";
import { RestLink } from "apollo-link-rest";
import gql from "graphql-tag";
// node environment?
const fetch = require("node-fetch");
global.fetch = fetch;
global.Headers = fetch.Headers;
const restLink = new RestLink({
endpoints: { swapi: "https://swapi.co/api/" }
});
const client = new ApolloClient({
link: restLink,
cache: new InMemoryCache()
});
const query = gql`
query people {
search
@rest(type: "Search", path: "people/?search=skywalker", endpoint: swapi) {
count
results {
name
}
}
}
`;
client
.query({ query })
.then(response => console.log(JSON.stringify(response)))
.catch(err => console.log(err));
错误:
Missing field __typename in {
"name": "Luke Skywalker"
}
Missing field __typename in {
"name": "Anakin Skywalker"
}
Missing field __typename in {
"name": "Shmi Skywalker"
}
我知道我可以更改设置InMemoryCache({ addTypename: false })
以消除错误,但我不知道如果我设置addTypename
为false
.
有人可以指出我正确的方向吗?
干杯!
解决方案
查看文档对typename patching的看法。
您的@rest
指令告诉客户端该字段的预期类型名称search
,但没有说明字段选择集中的任何类型。有两种方法可以解决这个问题。您可以使用@type
指令:
query people {
search @rest(type: "Search", path: "people/?search=skywalker", endpoint: swapi) {
count
results @type(name: "Person") {
name
}
}
}
或者配置一个typePatcher
. 就像是:
const restLink = new RestLink({
uri: 'https://swapi.co/api/',
typePatcher: {
Search: (data, outerType, patchDeeper) => {
if (data.results != null) {
data.results = data.results.map(person => {
return {__typename: "Person", ...person }
});
}
return data
},
},
})
推荐阅读
- wordpress - 使用单选按钮搜索 Wordpress 站点和外部(非 Wordpress)站点搜索表单
- python - Python - 所有组合,包括括号
- python - 使用正确的键以正确的顺序检索键、值对
- c++ - 如何使用向量的最后 N 个元素作为 C++ 中的函数参数?
- javascript - Axios 发布到错误的 URL
- php - file_get_contents 受限问题
- mule - 我们如何在 mule4 中使用表达式组件
- java - 在 Hibernate 事务之外更改 Oracle 会话变量
- python - 如何将多列添加到数据框
- wordpress - Phpmailer 不获取 WordPress 站点域