图形QLError : There can be only one fragment named

Question

在使用 graphql-react 构建的客户端应用程序上,

graphQL 查询字符串由多个片段组成，如下所示:

const fragmentAddress = `
    fragment address on Address {
        id
        number
        street
        code
        city
    }
`

const fragmentOffice = `
    fragment office on Office {
        id
        address {
            ...address
        }
    }

    ${fragmentAddress}
`

const User = `
    query User($id: ID) {
        address {
            ...address
        }
        office {
            ...office
        }
    }

    ${fragmentAddress}
    ${fragmentOffice}
`

对 User 的查询返回此错误:GraphQLError: There can be only one fragment named address。

我看到了graphql-tag具有去重功能，但不能返回字符串。

如何从 graphql 查询字符串中删除重复片段？

Answer 1

我只是found the answer :

使用 graphql-tag 进行去重，使用 graphql/language/printer 转换回字符串:

import gql from 'graphql-tag'
import { print } from 'graphql/language/printer'

const fragmentAddress = gql`
    fragment address on Address {
        id
        number
        street
        code
        city
    }
`

const fragmentOffice = gql`
    fragment office on Office {
        id
        address {
            ...address
        }
    }

    ${fragmentAddress}
`

const User = gql`
    query User($id: ID) {
        address {
            ...address
        }
        office {
            ...office
        }
    }

    ${fragmentAddress}
    ${fragmentOffice}
`

const queryString = print(query)