导出到查询时出现 GraphQL 片段错误

Question

所以我有一个使用 GraphQl 的 reactjs 应用程序，我试图通过使用 fragments 来减少重复，但是它失败了。

片段 (companyQueries.js)

export const CompanyFragment = gql`
  fragment company on WithApiKeys {
    company {
      id
      apiKeys {
        id
        token
        insertedAt
      }
    }
  }
`

开始使用 (withCreateApiKeyMutation.js)

import { graphql } from 'react-apollo'
import gql from 'graphql-tag'
import CompanyFragment from '../../../utils/QueryFragments/companyQueries'

console.log(CompanyFragment)
const QUERY = gql`
  query {
    viewer {
      id
      ...company
    }
  }
  ${CompanyFragment}

---

鉴于这种导出，我希望它至少能够编译，但它会出错。

编译器给出的错误

companyQueries.js

的第 3 行出错

TypeError: Object(...) 不是函数

export const CompanyFragment = gql

picture of error

如果有人能提供这方面的见解，将不胜感激！

Answer 1

我猜你没有导入或导入错误的gql。去年 API 发生了很大变化。

你不应该像这样导入它

import { gql } from 'react-apollo';

但是来自这个包

import gql from 'graphql-tag';