无法在 mac for iOS 应用程序中连接 React native 中的远程调试器？

Question

我正在尝试使用 chrome 进行调试。 我在 VSCode 中添加了 React Native Tool 扩展，但出现以下错误：

[Error] Error: Unable to find plist file to configure debugging

当我使用 http://localhost:8081/debugger-ui/ 检查 chrome 时，仍然无法连接调试器。

我是本机反应的新手，如果需要有关此问题的更多信息，请提出建议

Answer 1

引用来自 react-native 站点的第一段，关于Chrome 调试

要在 Chrome 中调试 JavaScript 代码，请从开发人员菜单中选择“远程调试 JS”。 这将在 http://localhost:8081/debugger-ui 上打开一个新选项卡。

所以从技术上讲，在iOS simulator ，您必须转换以下组合ctrl + cmd + z ，然后点击Debug JS Remotely字段，这将进一步打开托管在以下地址的调试器http://localhost:8081/debugger-ui

作为一种解决方法，在同一个 react-native 站点上，有一个页面解释了如何通过独立开发人员工具调试应用程序，该工具作为npm package安装。

你所要做的就是通过npm或yarn安装包（选择你最喜欢的包管理器 :] ）

* the same react-native site recommends to install it globally

npm install -g react-devtools

yarn add global react-devtools

安装软件包后，只需在终端中输入以下命令即可打开 devtools

react-devtools

Answer 2

您可以在 devtools.dll 的浏览器 url 中使用内部 ip 更改 localhost 值吗？

http://127.0.0.1:8081/debugger-ui/

Answer 3

尝试完全适合 React Native 调试、性能分析以及最新的 react-devtools

鳍状肢

现在它是 react-native-cli 的一部分，但您可以按照以下步骤在现有的 react native 版本中进行配置

安卓设置

iOS 设置