迁移到 apollo 客户端 3.0 后，使用“withApollo” hoc throwing 找不到客户端上下文错误

Posted 2023-03-08

【中文标题】迁移到 apollo 客户端 3.0 后，使用“withApollo” hoc throwing 找不到客户端上下文错误

【英文标题】：after migrating to apollo client 3.0, using "withApollo" hoc throwing could not find client context error

【发布时间】：2020-04-25 20:43:15

【问题描述】：

TLDR;设法提取了一个带有问题的代码框，请有一个look here。

things 在使用 react-apollo 2.5 时工作正常，现在我们已经开始迁移到 3.0。

我的 package.json 相关部分的快照

    "@apollo/client": "^3.0.0-beta.19",
    "@apollo/react-components": "^3.1.3",
    "@apollo/react-hoc": "^3.1.3",

现在我收到以下错误

Could not find "client" in the context of ApolloConsumer. Wrap the root component in an <ApolloProvider>.

我的App最外层的组件确实是ApolloProvider，

我迁移后导入ApolloProvider的方式如下图

import  ApolloProvider  from "@apollo/client";

我还注意从迁移文档中提到的 "@apollo/react-hoc" 导入 withApollo hoc。

迁移不只是更改 package.json 和导入中的版本吗？或者在创建 apollo 客户端实例时我需要了解什么具体信息？

请在下面找到用于创建客户端实例的代码

import  ApolloClient, HttpLink, InMemoryCache  from '@apollo/client';

const cache = new InMemoryCache();

const client = new ApolloClient(
  link: new HttpLink(
    uri: process.env.REACT_APP_GRAPHQLURL,
  ),
  cache,
  connectToDevTools: true
);

【参考方案1】：

根据迁移文档，您不应从 @apollo/react-hoc 导入 withApollo hoc

你应该使用来自@apollo/client的 hoc 包

import  withApollo  from "@apollo/client/react/hoc";

https://www.apollographql.com/docs/react/migrating/apollo-client-3-migration/#apolloreact-hoc-and-apolloreact-components