javascript - WebView (react-native-webview) 在 Expo SDK36 中获取错误代码 -1

Question

我的 Expo 应用程序的 WebViewScreen 代码:

import React from 'react';
import { WebView } from 'react-native-webview';

export default WebViewScreen = () => (
    <WebView
        originWhitelist={['*']}
        source={{ uri: 'https://www.google.com' }}
    />
);

但是当我运行它时，我收到以下错误:

Encountered an error loading page, Object {
  "canGoBack": false,
  "canGoForward": false,
  "code": -1,
  "description": "net::ERR_CACHE_MISS",
  "loading": false,
  "target": 3,
  "title": "Web page not available",
  "url": "https://www.google.com/",
}

注意:
我的 Android 手机连接到 wifi，我几乎可以在我的 Expo 应用程序的每个屏幕上使用后端服务器 API，这证实了 互联网可以访问，我的应用程序有权使用互联网 .

我的环境:
Android 三星手机(Android 5.1.1 版)，
EXPO SDK版本为36，
react-native-webview版本 8.0.6，
Expo client app版本 2.14.0

PS:
对于 react-native-webview ,
我没有做 npm install --save react-native-webview ,
相反，我做了 expo install react-native-webview 与 expo-cli 版本 3.11.7

缴费灵:我尝试从 here 运行 webview 的 expo 小吃(官方？)在我的手机上通过二维码扫描，但得到了 同样的错误 ( "code": -1 ) .

有人可以指导如何摆脱这个错误并使 webview 启动并运行吗？

Answer 1

您是否在 list 中设置了正确的权限？

<uses-permission android:name="android.permission.INTERNET"/>

在您的情况下，它应该是 App.json 文件