0

そのため、 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 <--3 行目

エラーの写真

誰かがこれについての洞察を提供できれば、それは大歓迎です!

4

1 に答える 1