开发者问题收集

react-native VS android 模拟器 chrome 调试器错误“无法设置属性‘volume’为 null”

2018-03-04
1727

我正在尝试调试在 Chrome 中的 VS 模拟器上运行的 react-native 应用。我目前收到的错误是“无法将属性‘volume’设置为 null”。这就像我开始以来遇到的第 4 或第 5 个神秘错误,但这是我遇到的第一个错误。我将概述所有配置步骤,以防我之前搞砸了什么:

  1. 使用 react-native init myapp 初始化项目
  2. 使用 react-native start --host 192.168.100.4 启动 bundle 服务器(host 参数的原因是 CORS 错误)
  3. 使用“react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && react-native run-android”启动应用程序(react-native bundle 命令的原因是 assets 错误)
  4. 在模拟器上进入 shake -> Dev Settings -> Debug server host ->设备的端口,将其设置为 192.168.100.4:8081(原因是“无法连接到本地主机上的捆绑服务器”)
  5. shake -> 远程调试 JS
  6. Chrome 窗口打开,我按 F12。现在它仍然显示 CORS 错误一段时间,但在某些页面刷新后,它会显示“无法将属性‘volume’设置为 null”并坚持下去:

(index):94 Uncaught TypeError: Cannot set property 'volume' of null at Object.render ((index):94) at Object.setState ((index):48) at WebSocket.ws.onopen ((index):152)

以防万一,这是我最初收到的 CORS 错误:

Failed to load http://localhost:8081/index.delta?platform=android&dev=true&minify=false : No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://192.168.100.4:8081 ' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. (index):188 Uncaught (in promise) TypeError: Failed to fetch

页面刷新后它会消失,但我想知道为什么它仍然发生。 有人设法使用 VS 模拟器和 react-native 设置 Chrome 调试吗?如果是这样,请分享您的经验,我发现的所有教程都只是建议运行 react-native start 和 react-native run-android,一切都应该正常之后一切顺利)

2个回答

我在调试器模式下遇到了类似的问题,并且出现了错误。 我不确定为什么?但 chrome 中的扩展可能是问题所在。我禁用了扩展,之后没有出现任何错误。

Shardul
2018-06-21
  • 打开应用程序
  • 选择 DevSettings
  • 选择设备的调试服务器主机和端口。
  • 输入您的系统 IP 地址以及 metro builder 的端口号。

获取系统 IP 地址。

  • 打开命令提示符
  • 输入 ipconfig
  • 选择 ipv4 地址
Codemaker2015
2019-03-25