如何修复 graphql 错误：必须提供文件？答案

【问题标题】：How can I fix graphql error: Must provide document?如何修复 graphql 错误：必须提供文件？
【发布时间】：2019-10-21 10:24:22
【问题描述】：

我正在使用graphql-yoga。我的查询在 GraphiQL 和 curl 中有效，但在 React 中发送时无效。

这是我收到的错误：

Error: Must provide document
    at invariant (.../node_modules/graphql/jsutils/invariant.js:21:11)
    at Object.validate (.../node_modules/graphql/validation/validate.js:53:41)
    at doRunQuery (.../node_modules/apollo-server-core/dist/runQuery.js:111:42)
    at .../node_modules/apollo-server-core/dist/runQuery.js:21:56
    at processTicksAndRejections (internal/process/task_queues.js:89:5)
    at async Promise.all (index 0)

当我发送 CURL 时，它可以工作：

curl 'http://localhost:4000/graphql' -H 'Accept-Encoding: gzip, deflate, br' -H 'Content-Type: application/json' -H 'Accept: application/json' -H 'Connection: keep-alive' -H 'DNT: 1' -H 'Origin: http://localhost:4000' -H 'Authorization: XXX' --data-binary '{"query":"query { get_me { user { email } }}"}' --compressed

但是当我将它添加到 React 应用程序时，它不会：

export const myQuery = () => ({
  url: 'http://localhost:4000/graphql',

  options: {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'ABC',
    },
  },

  body: {
    data: '{"query":"get_user { user { email } }"}',
  },

【问题讨论】：

你为什么要让你的采石场如此复杂，只需使用 react-apollo 来处理其他所有事情，你只需要发送查询。只需阅读此处的文档apollographql.com/docs/react
@Nux 感谢您的建议！目前我想尽可能少地修改我的源代码，只测试 GraphQL 而没有它的好特性。

标签： graphql react-apollo graphql-js apollo-server

【解决方案1】：

我发现了问题：我应该使用

body: {
    query: 'query { get_user { user { email } } }',
  },

而不是

body: {
    data: '{"query":"get_user { user { email } }"}',
  },

【讨论】：