【问题标题】:React Native: When I run 'expo start' the Screen shows Error only Header AppearsReact Native:当我运行“expo start”时,屏幕显示仅出现错误标题
【发布时间】:2021-08-09 07:19:29
【问题描述】:

enter image description here

这是我运行 expo start 时出现的内容 我从 bitbucket 克隆了代码,然后运行它。 此错误显示:“反应原生不变违规:ApolloProvider 未传递客户端实例确保您通过“客户端”道具传递您的客户端” 这是代码:

let client;
        client = new ApolloClient({
            uri: baseUrl,
            cache,
            defaultOptions: { watchQuery: { fetchPolicy: 'cache-and-network' } },
            headers: headers,
        });
    })
    .catch((error) => {
        console.log('error::', error);
    });


const App = () => {
    const isLoadingComplete = useCachedResources();
    const colorScheme = useColorScheme();

    if (!isLoadingComplete) {
        return <AppLoading/> ;
    } else {
      return (
        <ApolloProvider client={client} >
            <Provider store = { store } >
              <PersistGate loading = { null }
                persistor = { persistor } >
                <SafeAreaProvider >
                  <RootSiblingParent >
                      <StatusBar/>
                      <Navigation colorScheme = { colorScheme }/>
                  </RootSiblingParent>
                </SafeAreaProvider>
              </PersistGate>
          </Provider>
        </ApolloProvider>
        );
    }
};

export default App;

我尝试了几种方法来解决它,但似乎没有任何效果

【问题讨论】:

  • 添加更多信息请喜欢你的代码sn-ps。

标签: reactjs react-native react-hooks expo apollo-client


【解决方案1】:

分享您的博览会诊断信息,并在下次具体说明您的错误名称。我猜它的问题 #866 但没有看到诊断很难查明你的错误。如果您不知道如何查看诊断,只需在终端中输入“运行 expo 诊断”即可。编码愉快!

【讨论】:

  • Expo CLI 4.4.7 环境信息:系统:操作系统:Windows 10 10.0.19042 二进制文件:节点:15.12.0 - C:\Program Files\nodejs\node.EXE npm: 7.6.3 - C:\Program Files\nodejs\npm.CMD npmPackages: expo: ~40.0.0 => 40.0.1 react: 16.13.1 => 16.13.1 react-dom: 16.13.1 => 16.13.1 react-native: github.com/expo/react-native/archive/sdk-40.0.1.tar.gz => 0.63.2 react-native-web: ~0.13.12 => 0.13.18 Expo Workflow: managed 这是 Expo 诊断。
  • 这是错误:“反应原生不变违规:ApolloProvider 未传递客户端实例确保您通过“客户端”道具传递您的客户端”
  • 使用this.client并再次检查
猜你喜欢
  • 2016-03-02
  • 2021-07-10
  • 2020-03-11
  • 1970-01-01
  • 2020-07-02
  • 2021-09-12
  • 2017-06-15
  • 2019-06-10
  • 1970-01-01
相关资源
最近更新 更多