'ApolloProvider' 未从 React 中的 'apollo-client' 导出

Question

当我运行我的客户时，它给我这个错误

这是我的 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';

但是当我尝试在我的新应用中这样导入时，它也没有用。请帮我弄清楚问题是什么。感谢您的帮助。

Answer 1

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

Answer 2

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

npm install @apollo/client

安装这个 npm 模块，一切都会好起来的！

Answer 3

我遇到了同样的问题（2021 年），事实证明，久经考验的 'turn it off and on again' 在这里有效。

只需取消实时服务器（假设您是运行 react-create-app）并使用 npm start 重新启动它，瞧，它工作得很好。

'ApolloProvider' 未从 React 中的 'apollo-client' 导出

'ApolloProvider' is not exported from 'apollo-client' in React

apollo

reactjs

graphql