Unhandled GraphQL subscription error [Error: Cannot destructure property 'data' of 'undefined' as it is undefined.]

Question

我尝试在 react-native 中使用 subscribeToMore 作为我的 graphql 查询，但我遇到了以下问题：

ERROR: Unhandled GraphQL subscription error [Error: Cannot destructure property 'data' of 'undefined' as it is undefined.]

我的订阅看起来像

// MESSAGE_SUBSCRIPTION
import { gql } from '@apollo/client'

export const TOPIC_MESSAGE_SUBSCRIPTION = gql`
  subscription MessageSubscription($data: SubscriptionInput!) {
    messageSubscription(data: $data) {
      _id
      text
    }
  }
`

我的组件

...
subscribeToMore({
  document: MESSAGE_SUBSCRIPTION,
  variables: {
    data: {
      _id: params._id,
    },
  },
  updateQuery: (prev, { subscriptionData }) => {
    if (!subscriptionData.data) return prev
    console.log(prev, subscriptionData)

    return prev
  },
})
...

当我在我的游乐场尝试订阅时一切正常。

Answer 1

我的 apolloClient 的配置缺少 websocket 连接。

我还需要将授权添加为参数，以获取它作为上下文

const wsLink = new WebSocketLink({
  uri: Platform.select({
    ios: 'ws://localhost:4000/',
    android: 'ws://10.0.2.2:4000/',
  }),
  options: {
    reconnect: true,
    connectionParams: async () => {
      const result = await getToken()

      return {
        authorization: result ? `Bearer ${result.password}` : '',
      }
    },
  },
})

....


export const client = new ApolloClient({
  link: split(
    ({ query }) => {
      const definition = getMainDefinition(query)
      return (
        definition.kind === 'OperationDefinition' &&
        definition.operation === 'subscription'
      )
    },
    authLink.concat(wsLink as any),
    authLink.concat(httpLink as any)
  ),
  cache: new InMemoryCache(),
})

Unhandled GraphQL subscription error [Error: Cannot destructure property 'data' of 'undefined' as it is undefined.]

Unhandled GraphQL subscription error [Error: Cannot destructure property 'data' of 'undefined' as it is undefined.]

javascript

graphql

react-native