Expo Webview in Production 显示 ERR_UNKNOWN_URL_SCHEME

Question

我有一个带有注入 Javascript 的 HTML 代码，它执行并启动验证服务。它在开发模式下工作得很好，但在生产模式下却不行。

<WebView
  allowFileAccess={true}
  source={(getSource(file))}
  javaScriptEnabled={true}
  injectedJavaScript={script}
  originWhitelist={["https://*", "http://*", "file://*", "asset://*"]}

/>


const download = async () => {
  let file = Asset.fromModule(html);
  if (file.localUri !== null) {
    return file
  }
  await file.downloadAsync() // Optional, saves file into cache
  console.log('file', file)
  return file
}

const getSource = (file) => {
  if (Platform.OS !== 'android') {
    return html
  }
  if (file === null) {
    return {}
  }

  return {
    uri: file.localUri
  }
}

Answer 1

关注tutorial 我遇到了同样的问题。首先，您需要更改文件在 android 上的位置，因为在独立版本中，该文件位于 android_assets 下。因此，即使 localuri 说了一件事，它实际上并不在那个位置。

并且您需要确保在构建时捆绑了 html 文件。在 expo 应用程序中一切正常，因为您在本地访问东西，但是一旦您构建了独立应用程序，情况就不是这样了。我希望这有帮助。我花了一周的时间才终于把事情搞定，那篇文章很有帮助。