导出到查询时出现GraphQL Fragments错误

Question

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

片段（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＆lt; - line 3

picture of error

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

Answer 1

我猜你没有导入或导入错误的import gql from 'graphql-tag';。在去年，API发生了很大的变化。

您不应该像

那样导入它

Array.zip()

但是从这个包中

Array.zip()