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

Question

我正在尝试调试在chrome模拟器上运行的反应原生应用程序。我目前得到的错误是“无法将属性'卷'设置为null”。这就像我从开始以来得到的第四或第五个神秘错误，但是当我撞到墙壁时的第一个错误。我将概述所有配置步骤，以防我早些时候搞砸了：

1. 使用react-native init myapp初始化项目
2. 使用react-native start --host 192.168.100.4启动捆绑服务器（主机参数的原因是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＆amp;＆amp; react-native run-android“（react-native bundle命令的原因是资产错误）
4. 在模拟器上摇晃 - ＆gt;开发设置 - ＆gt;调试服务器主机＆amp;设备端口，设置为192.168.100.4:8081（原因是“无法连接到localhost上的捆绑服务器”）
5. 摇 - ＆gt;远程调试JS
6. Chrome窗口打开，我点击了F12。现在它仍然显示CORS错误一段时间，但在一些页面刷新后，它显示“无法设置属性'卷'为null”并坚持下去：

  

（index）：94 Uncaught TypeError：无法将属性'volume'设置为null       at Object.render（（index）：94）       at Object.setState（（index）：48）       在WebSocket.ws.onopen（（index）：152）

以防万一，这是我最初得到的CORS错误：

  

无法加载   http://localhost:8081/index.delta?platform=android&dev=true&minify=false：   请求中不存在“Access-Control-Allow-Origin”标头   资源。因此不允许来源“http://192.168.100.4:8081”   访问。如果不透明的响应满足您的需求，请设置请求   模式为'no-cors'以获取禁用CORS的资源。   （index）：188 Uncaught（in promise）TypeError：无法获取

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

Answer 1

我在调试器模式下有类似的问题，并且出现错误。 我不确定为什么吗？答案，但是chrome中的扩展名可能是问题所在。我禁用了扩展程序，但发布后没有任何错误。

Answer 2

• 打开应用程序
• 选择开发设置
• 选择设备的调试服务器主机和端口。
• 键入您的系统IP地址以及都市圈的端口号 建造者。

用于获取系统ip地址。

• 打开命令提示符
• 输入ipconfig
• 选择ipv4地址