Я создаю приложение для реагирования (используя машинописный текст), в котором я использую @apollo/client
v3. У меня есть много мутаций и запросов, которые возвращают один и тот же тип, и я всегда хочу получать одни и те же поля. Таким образом, я придумал следующую структуру для определений схемы (в клиенте):
import { gql } from "@apollo/client";
gql`
fragment ConversationFragment on Conversation {
roomId
name
isDirect
participants {
id
isAdmin
isCreator
membership
}
imageBlurhash
eventIds {
eventId
}
}
`;
export const MUTATE_CONVERSATION_DIRECT_INITIATE = gql`
mutation conversationDirectInitiate($participantId: UUID!) {
conversationDirectInitiate(participantId: $participantId) {
...ConversationFragment
}
}
`;
export const MUTATE_CONVERSATION_DIRECT_DELETE = gql`
mutation conversationDirectDelete($conversationId: UUID!) {
conversationDirectDelete(conversationId: $conversationId) {
delete
conversation {
...ConversationFragment
}
}
}
`;
... many more mutation and queries like the one above
Как видите, я стараюсь не перепечатывать возвращаемые поля. Может быть, есть и другой способ добиться этого результата?
Однако сервер отвечает ошибкой:
{
"errors": [
{
"message": "Unknown fragment \"ConversationFragment\".",
"locations": [
{
"line": 3,
"column": 8
}
],
"extensions": {
"code": "GRAPHQL_VALIDATION_FAILED",
"exception": {
"stacktrace": [
"GraphQLError: Unknown fragment \"ConversationFragment\".",
" at Object.FragmentSpread (/node_modules/graphql/validation/rules/KnownFragmentNames.js:29:29)",
" at Object.enter (node_modules/graphql/language/visitor.js:324:29)",
" at Object.enter (node_modules/graphql/language/visitor.js:375:25)",
" at visit (node_modules/graphql/language/visitor.js:242:26)",
" at Object.validate (node_modules/graphql/validation/validate.js:73:24)",
" at validate (node_modules/apollo-server-core/src/requestPipeline.ts:513:14)",
" at Object.<anonymous> (node_modules/apollo-server-core/src/requestPipeline.ts:296:32)",
" at Generator.next (<anonymous>)",
" at fulfilled (node_modules/apollo-server-core/dist/requestPipeline.js:5:58)",
" at processTicksAndRejections (internal/process/task_queues.js:97:5)"
]
}
}
}
]
Любая помощь приветствуется, заранее большое спасибо!
Интерполируйте фрагмент, который вы хотите использовать в конце каждого документа.
import { gql } from "@apollo/client";
const CONVERSATION_FRAGMENT = gql`
fragment ConversationFragment on Conversation {
roomId
name
isDirect
participants {
id
isAdmin
isCreator
membership
}
imageBlurhash
eventIds {
eventId
}
}
`;
export const MUTATE_CONVERSATION_DIRECT_INITIATE = gql`
mutation conversationDirectInitiate($participantId: UUID!) {
conversationDirectInitiate(participantId: $participantId) {
...ConversationFragment
}
}
${CONVERSATION_FRAGMENT}
`;
export const MUTATE_CONVERSATION_DIRECT_DELETE = gql`
mutation conversationDirectDelete($conversationId: UUID!) {
conversationDirectDelete(conversationId: $conversationId) {
delete
conversation {
...ConversationFragment
}
}
}
${CONVERSATION_FRAGMENT}
`;