无法解析Apollo客户端版本3的模块

Question

我刚刚升级到apollo/client第3版

我已经删除了其他所有与阿波罗有关的东西，例如apollo hooks等，我正在从apollo/client本身导入所有内容。

我的App.js项目中的react native文件如下所示

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {ApolloProvider} from 'apollo/client';
import TodoStack from './src/components/TodoStack';
import client from './src/client/ApolloClient';

export default () => {
  return (
    <ApolloProvider client={client}>
      <NavigationContainer>
        <TodoStack />
      </NavigationContainer>
    </ApolloProvider>
  );
};

但是当我运行我的应用程序时，我收到一条错误消息

我也尝试删除以下步骤

watchman watch-del-all
rm -rf node_modules and run yarn install
yarn start --reset-cache
rm -rf /tmp/metro-*

Answer 1

您需要从“ @ apollo / client”而不是“ apollo / client”导入ApolloProvider。

@ 在这里很重要。

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {ApolloProvider} from '@apollo/client';
import TodoStack from './src/components/TodoStack';
import client from './src/client/ApolloClient';

export default () => {
  return (
    <ApolloProvider client={client}>
      <NavigationContainer>
        <TodoStack />
      </NavigationContainer>
    </ApolloProvider>
  );
};