【问题标题】:'ApolloProvider' is not exported from 'apollo-client' in React'ApolloProvider' 不是从 React 中的'apollo-client' 导出的
【发布时间】:2021-03-18 02:52:32
【问题描述】:

当我运行我的客户端时,它给了我这个错误

这就是我的 App.js 中的内容,

import {ApolloClient, InMemoryCache, ApolloProvider} from 'apollo-client'


//--------styles-------
import './App.css';


//Apollo client setup
const client = new ApolloClient({
  uri: 'http://localhost:4000/graphql',
   cache: new InMemoryCache( ),
});


function App() {
  return (

    <ApolloProvider client={client}>
       <div className="App">
          <h1>Hellooooo</h1>
        </div>
    </ApolloProvider>
   
  );
}

export default App;

我用 graphql 创建了另一个应用程序,它在这个 v 上运行得非常好

import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';

但是当我尝试在我的新应用中像这样导入时,它也不起作用。请帮我找出问题所在。感谢您的帮助。

【问题讨论】:

  • 从“@apollo/client”导入?
  • 正如我在帖子中提到的,我已经尝试过了。但它没有用。
  • 谁对这个问题投了反对票,请务必在此处发表评论。人们四处投票只是为了获得新徽章。

标签: reactjs graphql apollo


【解决方案1】:

我删除了节点模块文件夹并重新安装了所有模块。后来我没有得到错误。不知道是什么问题,但这有效。

【讨论】:

    【解决方案2】:

    你必须安装 @apollo/client 而不是 apollo-client

    npm install @apollo/client
    

    安装这个 npm 模块,一切都会好起来的!

    【讨论】:

      【解决方案3】:

      我遇到了同样的问题(2021 年),结果证明“关闭再打开”的尝试和测试在这里有效。

      只需取消实时服务器(假设您正在运行 react-create-app)并使用 npm start 重新启动它,瞧它就可以正常工作了。

      【讨论】:

        猜你喜欢
        • 2018-04-08
        • 2018-04-17
        • 2019-12-18
        • 2021-08-11
        • 2020-01-22
        • 2018-07-02
        • 2021-01-15
        • 2018-07-03
        • 2020-12-06
        相关资源
        最近更新 更多