react-native-debugger 在打开应用内开发人员菜单时断开连接并显示错误答案

【问题标题】：react-native-debugger disconnecting and showing error when In-App Developer Menu is openedreact-native-debugger 在打开应用内开发人员菜单时断开连接并显示错误
【发布时间】：2020-07-20 20:38:08
【问题描述】：

我最近将我的 react native 升级到最新版本 0.62.1 并下载了 react-native-debugger 文档中指定的所需 react-native-debugger 应用程序（独立应用程序版本 0.11.1 ）。现在，当我启用远程 js 调试时，一切正常，直到我按 cmd + d 用于 ios 或 cmd + m 用于 android 在调试器自动断开连接并显示错误后在应用程序开发人员菜单中打开，如下图所示。

link to react-native-debugger error image when in app developer menu is opened

如上图所示，Bridge 已关闭。因此，我无法检查 react-native-debugger 中的元素。我已经在互联网上搜索了有关此特定错误的信息，但不幸的是我没有找到任何解决方案。

编辑 1

我已经使用 react-native-cli 建立了一个新的 react native 项目并进行了测试。它也给出了同样的错误。我不知道问题出在新的 react native 0.62 版还是 react-devtools 4 版。

【问题讨论】：

react native debugger app不好用，我也改用chrome调试了。
看起来已经在 react-native-debugger 存储库中打开了一个关于此的问题这里是链接 github.com/jhen0409/react-native-debugger/issues/494
@TusharPandey 如何检查 Chrome 中的元素？

标签： react-native react-devtools react-native-debugger

【解决方案1】：

这个错误似乎在react-native@0.66.0 中消失了，但我在0.64.2 中遇到了它。我发现的解决方法是在不使用开发菜单的情况下打开检查器。两种方式：

cmd + i
在react-native-debugger 内右键单击并选择“切换元素检查器”

如果您确实打开开发菜单并再次断开连接，只需重新加载即可重置状态。

您可能还需要从您的node_modules 或lock 文件中确认您应用的react-devtools-core 版本是否与嵌入在react-native-debugger 中的版本匹配。我在这里记录了所有这些：

https://gist.github.com/sschottler/7771dc034d38b89d9d587dc5d358c386

【讨论】：