そのため、 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 行目
誰かがこれについての洞察を提供できれば、それは大歓迎です!