Ошибка фрагментов GraphQL при экспорте в запрос

Question

Итак, у меня есть приложение activjs, использующее GraphQl , и я пытаюсь сократить повторение с помощью фрагментов , однако оно терпит неудачу.

Фрагмент (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}

---

Для данного видаэкспорта я бы ожидал, что он по крайней мере сможет компилироваться, но это ошибки.

Ошибка, выданная компилятором

Ошибка в строке 3 companyQueries.js

TypeError: Object (...) не является функцией

export const CompanyFragment = gql <- строка 3 </p>

картина ошибки

Если бы кто-нибудь мог дать представление об этом, он был бы очень признателен!

Answer 1

Я полагаю, вы не импортировали или импортировали неправильно gql.В прошлом году API был немного изменен.

Вы не должны импортировать его как

import { gql } from 'react-apollo';

, но из этого пакета

import gql from 'graphql-tag';