导出到查询时出现 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(...) is not a function

export const CompanyFragment = gql <--line 3

picture of error

如果有人能对此提供见解，我们将不胜感激！

Answer 1

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

你不应该像

那样导入它

import { gql } from 'react-apollo';

但是来自这个包裹

import gql from 'graphql-tag';

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

GraphQL Fragments error on export to query

apollo

reactjs

graphql

recompose

react-apollo

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

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