【发布时间】:2020-07-23 16:13:03
【问题描述】:
我正在使用 React 和 Apollo 开发一个网站,但抛出了错误。我看到这可能与层次结构有关
Could not find "client" in the context or passed in as an option. Wrap the root component in an <ApolloProvider>, or pass an ApolloClient instance in via options.
index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
import { ApolloProvider } from 'react-apollo';
import graphqlClient from './services/graphql';
import App from './App';
import 'bootstrap/dist/css/bootstrap.min.css';
ReactDOM.render(
<ApolloProvider client={graphqlClient}>
<App />,
</ApolloProvider>,
document.getElementById('root'),
);
App.tsx
import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import GlobalStyle from './styles/global';
import Routes from './routes';
const App: React.FC = () => {
return (
<Router>
<Routes />
<GlobalStyle />
</Router>
);
};
export default App;
package.json
【问题讨论】:
标签: reactjs typescript graphql