javascript - 生产中的 Expo Web View 显示 ERR_UNKNOWN_URL_SCHEME

Question

我有一个带有注入(inject) 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 文件。世博应用程序中的一切都工作正常，因为您正在本地访问内容，但一旦构建独立应用程序，情况就不是这样了。我希望这有帮助。我花了一周时间终于让事情开始工作，那篇文章很有帮助。