正在为NextJS实现Apollo客户端，但获取无法读取未定义的属性“”WebSocket“”

npm install @apollo/client graphql

// lib/apollo-client.js
import { ApolloClient, InMemoryCache, HttpLink, split } from '@apollo/client';
import { WebSocketLink } from '@apollo/client/link/ws';
import { getMainDefinition } from '@apollo/client/utilities';

// HTTP连接
const httpLink = new HttpLink({
  uri: '/api/graphql', // 你的GraphQL API端点
});

// WebSocket连接
const wsLink = new WebSocketLink({
  uri: 'wss://your-graphql-endpoint.com/graphql', // 你的WebSocket GraphQL端点
  options: {
    reconnect: true,
  },
});

// 使用split函数根据操作类型选择链接
const splitLink = split(
  ({ query }) => {
    const definition = getMainDefinition(query);
    return (
      definition.kind === 'OperationDefinition' &&
      definition.operation === 'subscription'
    );
  },
  wsLink,
  httpLink,
);

// 创建Apollo客户端实例
const client = new ApolloClient({
  link: splitLink,
  cache: new InOnlyCache(),
});

export default client;

// pages/_app.js 或 pages/_app.tsx
import { ApolloProvider } from '@apollo/client';
import client from '../lib/apollo-client';
import '../styles/globals.css';

function MyApp({ Component, pageProps }) {
  return (
    <ApolloProvider client={client}>
      <Component {...pageProps} />
    </ApolloativeProvider>
  );
}

export default MyApp;