Debugging react native VS android emulator chrome调试器错误“;无法设置属性';卷';“无效”的定义;

Debugging react native VS android emulator chrome调试器错误“;无法设置属性';卷';“无效”的定义;,debugging,react-native,Debugging,React Native,我正在尝试调试在chrome的VS emulator上运行的react本机应用程序。我现在遇到的错误是“无法将属性‘volume’设置为null”。这就像是我从一开始就犯的第四个或第五个神秘错误,但第一个是我撞到墙上时犯的。我将概述所有配置步骤,以防我之前搞砸了: 已使用react本机init myapp初始化项目 使用react native start--主机192.168.100.4启动捆绑服务器(主机参数的原因是CORS错误) 使用“react native bundle--platfo

我正在尝试调试在chrome的VS emulator上运行的react本机应用程序。我现在遇到的错误是“无法将属性‘volume’设置为null”。这就像是我从一开始就犯的第四个或第五个神秘错误,但第一个是我撞到墙上时犯的。我将概述所有配置步骤,以防我之前搞砸了:

  • 已使用react本机init myapp初始化项目
  • 使用react native start--主机192.168.100.4启动捆绑服务器(主机参数的原因是CORS错误)
  • 使用“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 error)
  • 在emulator上转到shake->Dev Settings->Debug server host&port for device,将其设置为192.168.100.4:8081(原因是“无法连接到本地主机上的捆绑服务器”)
  • 摇动->远程调试JS
  • Chrome窗口打开,我点击F12。现在它仍然显示CORS错误一段时间,但在一些页面刷新后,它会显示“无法将属性“volume”设置为null”,并坚持它:
  • (索引):94未捕获类型错误:无法将属性“volume”设置为null 在Object.render((索引):94) 在Object.setState((索引):48) 在WebSocket.ws.onopen((索引):152)

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

    加载失败 : 请求的服务器上不存在“Access Control Allow Origin”标头 因此,不允许使用源“” 如果不透明响应满足您的需要,请设置请求的 模式设置为“无cors”,以获取禁用cors的资源。 (索引):188未捕获(承诺中)类型错误:无法获取

    页面刷新后它就消失了,但我想知道为什么它还在发生。
    有人用VS emulator和react native设置Chrome调试吗?如果有,请分享您的经验,我找到的所有教程都很高兴地建议您运行react native start和react native运行android,然后一切都应该顺利)

    我在调试器模式上遇到了类似的问题,并且出现了错误。 我不知道为什么?对于这个答案,但chrome中的扩展可能是问题所在。我禁用了扩展,但在发布后并没有收到任何错误。

    • 打开应用程序
    • 选择DevSettings
    • 为设备选择调试服务器主机和端口
    • 键入您的系统ip地址以及metro的端口号 建筑商
    用于获取系统ip地址

    • 打开命令提示符
    • 类型ipconfig
    • 选择ipv4地址

    检查:我已经完成了192.168.100.4是我的系统ip地址,端口是8081。不幸的是没有帮助。这是很久以前的事了,也许现在可以工作了。无论如何,console.log是最好的调试工具:)只需输入192.168.100.4:8081即可