反应本机（博览会）网络视图错误 net::ERR_CACHE_MISS

Question

我正在使用 react native(expo) 并尝试使用 web 视图 package 我在控制台中收到此警告，但在移动屏幕上没有看到任何内容。

"sdkVersion": "36.0.0",

“世博”：“~36.0.0”，

"react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",

"react-native-webview": "^8.0.2",

错误：

加载页面时遇到错误，Object { “canGoBack”：假， “canGoForward”：假， “代码”：-1， "描述": "net::ERR_CACHE_MISS", “加载”：假， “目标”：2665， “标题”： ””， "url": "https://facebook.github.io/react-native/", } - node_modules\react-native\Libraries\YellowBox\YellowBox.js:71:8 在 console.warn - node_modules\expo\build\environment\muteWarnings.fx.js:18:23 在警告 * http://192.168.1.100:19001/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&minify=false&hot=false:209150:21 在 onLoadingError 中 -invokeGuardedCallbackImpl 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:307:15 - 在 invokeGuardedCallback 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:531:36 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:555:30 in invokeGuardedCallbackAndCatchFirstError
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:722:42 在 executeDispatch * http://192.168.1.100:19001/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&minify=false&hot=false:209150:21 在 onLoadingError 中 -invokeGuardedCallbackImpl 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:307:15 - 在 invokeGuardedCallback 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:531:36 - 在 invokeGuardedCallbackAndCatchFirstError 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:555:30 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:722:42 在 executeDispatch - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:744:20 在 executeDispatchesInOrder - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:907:29 在 executeDispatchesAndRelease - forEachAccumulated 中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:889:12 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:932:21 在 runEventsInBatch - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:1096:19 在 runExtractedPluginEventsInBatch - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2796:6 in batchedUpdates$argument_0 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18791:14 in batchedUpdates$1 - 批处理更新中的 node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2709:30 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2794:17 in batchedUpdates$argument_0 - node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2814:26 在receiveEvent - __callFunction 中的 node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:436:47 - __guard$argument_0 中的 node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:111:26 - __guard 中的 node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:384:10 - __guard$argument_0 中的 node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:110:17 * [native code]:null in callFunctionReturnFlushedQueue

Answer 1

我假设您在较旧的 Android 设备上会发生这种情况？较新的安卓设备不应该有这个问题，世博会正在修复，但目前还没有确定的时间表。最好的建议是在 iOS 设备、模拟器上开发或构建 APK，您应该能够在旧设备上加载它而不会出现问题。

“看起来这是一个上游Android问题，在androidx.appcompat:appcompat:1.2.0中解决，目前我们仍在使用1.1.0

由于 1.2.0 仍处于 alpha 阶段，等待它成为稳定版本可能是个好主意” https://github.com/expo/expo/issues/6665#issuecomment-571623759

看起来截至 4 月 16 日 1.2.0 已发布，但世博会还没有关于何时推出的消息。https://github.com/expo/expo/issues/6665#issuecomment-614451492

注意：我在运行 Android 5.1.1 Lollipop 的三星 Galaxy Tab 4 上遇到了同样的问题。这在使用隧道、LAN 或本地连接模式时发生。

一位用户确认“WebView Android 5.0 版本不工作（Android 8-10 版本没有任何问题）”https://forums.expo.io/t/webview-unable-to-load-url-got-error-err-cache-miss/40011/3

如果其中任何一个回购解决了该问题，我将更新此答案。

正如您在此演示中看到的，它确实可以在 Android 模拟器上运行：https://snack.expo.io/@wodin/webview-example