인프런 커뮤니티 질문&답변

작성하신 apollo-client.js 에 몇군대 오타가 있는 것 같습니다 우선 httprLink라는 import를 지우고(아마도 httpLink를 잘 못 표기한 것 같습니다. ),authLink에서 ApolloClient라고 되어 있는 곳을 ApolloLink로 변경하시기 바랍니다.

import {
  ApolloClient,
  InMemoryCache,
  split,
  HttrpLink, // 이부분 삭제 
  ApolloLink,
  from,
  HttpLink,
} from '@apollo/client'
import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
import { getMainDefinition } from '@apollo/client/utilities'
import { createClient } from 'graphql-ws'

const httpLink = new HttpLink({
  uri: 'http://localhost:3000/graphql',
})

const wsLink = new GraphQLWsLink(
  createClient({
    url: 'ws://localhost:3000/graphql',
  }),
)

// 다음 ApolloClient를 ApolloLink로 변경
const authLink = new ApolloClient((operation, forward) => {
  return forward(operation)
})

// 분기처리 서버쪽에서 subscription를 구독하는거면 true를 리턴해서 wsLink로 연결해줌
const link = split(
  ({ query }) => {
    const { kind, operation } = getMainDefinition(query)
    return kind === 'OperationDefinition' && operation === 'subscription'
  },
  wsLink,
  httpLink,
  //   uploadLink
)

const client = new ApolloClient({
  link: from([authLink, link]),
  cache: new InMemoryCache(),
})

export default client