React Apollo错误:始终违反:在上下文中找不到“客户端”或作为选项传递

基思

我正在使用React,Apollo和Next.js构建一个项目。我正在尝试将react-apollo更新为3.1.3,现在在查看站点时遇到以下错误。

不变违规:在上下文中找不到“客户端”或作为选项传递。将根组件包装在中,或通过options传递ApolloClient实例。

如果我将react-apollo软件包降级到2.5.8,它可以正常工作,所以我认为在2.5和3.x之间已经有所变化,但是在react-apollo或next-with-apollo文档中找不到任何内容来指示那可能是什么。任何帮助将不胜感激。

withData.js

import withApollo from 'next-with-apollo';
import ApolloClient from 'apollo-boost';
import { endpoint } from '../config';

function createClient({ headers }) {
    return new ApolloClient({
        uri: endpoint,
        request: operation => {
            operation.setContext({
                fetchOptions: {
                    credentials: 'include'
                },
                headers
            });
        },
        // local data
        clientState: {
            resolvers: {
                Mutation: {}
            },
            defaults: {}
        }
    });
}

export default withApollo(createClient);

_app.js

import App from 'next/app';
import { ApolloProvider } from 'react-apollo';
import Page from '../components/Page';
import { Overlay } from '../components/styles/Overlay';
import withData from '../lib/withData';

class MyApp extends App {
    static async getInitialProps({ Component, ctx }) {
        let pageProps = {};
        if (Component.getInitialProps) {
            pageProps = await Component.getInitialProps(ctx);
        }

        // this exposes the query to the user
        pageProps.query = ctx.query;
        return { pageProps };
    }

    render() {
        const { Component, apollo, pageProps } = this.props;

        return (
            <ApolloProvider client={apollo}>
                <Overlay id="page-overlay" />
                <Page>
                    <Component {...pageProps} />
                </Page>
            </ApolloProvider>
        );
    }
}

export default withData(MyApp);

克里斯蒂安·杜马

就我而言,我发现我已经[email protected]安装了以及@apollo/[email protected]删除@apollo/react-hooks并仅依靠它react-apollo为我解决了不变性问题。确保您的锁定文件中没有使用任何不匹配的版本,或者package.json

这就是某人在GitHub问题线程中所说的,我也是如此。确保尝试一下!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React-Apollo:在上下文中找不到“客户端”或作为选项传递

来自分类Dev

GraphQL + React:在上下文中找不到“客户端”或作为选项传递

来自分类Dev

ReactJS apolloClient在上下文中找不到“客户端”或作为选项传递

来自分类Dev

在创建可重用的 react-redux 包期间“在”错误的上下文中找不到“存储”

来自分类Dev

“在上下文或道具中都找不到“商店””我在尝试简单的 react-redux 代码时收到此错误

来自分类Dev

React/Redux 测试 - 在上下文或道具中找不到“商店”

来自分类Dev

React,Javascript - 在“Connect(App)”的上下文中找不到“商店”

来自分类Dev

如何在 React 的上下文中传递函数?

来自分类Dev

Apollo 客户端错误,对象作为 React 子对象无效(找到:[object Promise])

来自分类Dev

如何检查React-Router是否在上下文中?

来自分类Dev

我遇到了未捕获的不变违反:找不到react-redux上下文值;即使我的应用程序包装在提供程序中

来自分类Dev

useDispatch()错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

来自分类Dev

调用Azure Powershell cmdlet时出现“在上下文中找不到订阅”错误

来自分类Dev

在React上下文中,Next.js是什么?

来自分类Dev

React-如何获取上下文中的钩子值

来自分类Dev

使用next.js时出现服务器错误,错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

来自分类Dev

反应错误:“在...的上下文中找不到'商店'”

来自分类Dev

带有redux挂钩的酶测试错误:“找不到react-redux上下文值;请确保组件包装在<Provider>中”

来自分类Dev

变异后React Apollo更新客户端缓存

来自分类Dev

前端的用户角色/权限-React / GraphQL / Apollo客户端

来自分类Dev

React Router V6-错误:useRoutes()只能在<Router>组件的上下文中使用

来自分类Dev

React-Router:无法传递上下文

来自分类Dev

如何通过React上下文API传递多个状态

来自分类Dev

在React中使用上下文在兄弟姐妹之间传递上下文

来自分类Dev

在上下文中找不到类型,可能是映射问题

来自分类Dev

在上下文中找不到C#DllImport,但是Interpor Services已绑定在

来自分类Dev

在上下文中找不到WebApi基本身份验证警告和GlobalConfiguration

来自分类Dev

IIS Web Farm 在上下文中找不到 owin.Environment 项

来自分类Dev

永久违反:在“连接(登录)”的上下文中找不到“存储”

Related 相关文章

  1. 1

    React-Apollo:在上下文中找不到“客户端”或作为选项传递

  2. 2

    GraphQL + React:在上下文中找不到“客户端”或作为选项传递

  3. 3

    ReactJS apolloClient在上下文中找不到“客户端”或作为选项传递

  4. 4

    在创建可重用的 react-redux 包期间“在”错误的上下文中找不到“存储”

  5. 5

    “在上下文或道具中都找不到“商店””我在尝试简单的 react-redux 代码时收到此错误

  6. 6

    React/Redux 测试 - 在上下文或道具中找不到“商店”

  7. 7

    React,Javascript - 在“Connect(App)”的上下文中找不到“商店”

  8. 8

    如何在 React 的上下文中传递函数?

  9. 9

    Apollo 客户端错误,对象作为 React 子对象无效(找到:[object Promise])

  10. 10

    如何检查React-Router是否在上下文中?

  11. 11

    我遇到了未捕获的不变违反:找不到react-redux上下文值;即使我的应用程序包装在提供程序中

  12. 12

    useDispatch()错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

  13. 13

    调用Azure Powershell cmdlet时出现“在上下文中找不到订阅”错误

  14. 14

    在React上下文中,Next.js是什么?

  15. 15

    React-如何获取上下文中的钩子值

  16. 16

    使用next.js时出现服务器错误,错误:找不到react-redux上下文值;请确保组件包装在<Provider>中

  17. 17

    反应错误:“在...的上下文中找不到'商店'”

  18. 18

    带有redux挂钩的酶测试错误:“找不到react-redux上下文值;请确保组件包装在<Provider>中”

  19. 19

    变异后React Apollo更新客户端缓存

  20. 20

    前端的用户角色/权限-React / GraphQL / Apollo客户端

  21. 21

    React Router V6-错误:useRoutes()只能在<Router>组件的上下文中使用

  22. 22

    React-Router:无法传递上下文

  23. 23

    如何通过React上下文API传递多个状态

  24. 24

    在React中使用上下文在兄弟姐妹之间传递上下文

  25. 25

    在上下文中找不到类型,可能是映射问题

  26. 26

    在上下文中找不到C#DllImport,但是Interpor Services已绑定在

  27. 27

    在上下文中找不到WebApi基本身份验证警告和GlobalConfiguration

  28. 28

    IIS Web Farm 在上下文中找不到 owin.Environment 项

  29. 29

    永久违反:在“连接(登录)”的上下文中找不到“存储”

热门标签

归档