无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器？答案

【问题标题】：Not able to connect remote debugger in React native in mac for iOS app?无法在 Mac for iOS 应用程序的 React Native 中连接远程调试器？
【发布时间】：2020-12-16 12:38:58
【问题描述】：

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

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

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

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

【问题讨论】：

标签： react-native

【解决方案1】：

你能在devtools的浏览器url中用你的内部ip更改localhost值吗？

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

【讨论】：

【解决方案2】：

引用 react-native 网站的第一段，关于 Chrome Debugging

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

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

作为一种解决方法，在同一个 react-native 站点上，有一个页面解释了如何通过 standalone developer tool 调试应用程序，它安装为 npm package。

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

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

npm install -g react-devtools

yarn add global react-devtools

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

react-devtools

【讨论】：

【解决方案3】：

尝试使用最新的 react-devtools 来完成 react native 调试、性能分析

Flipper

现在它是 react-native-cli 的一部分，但您可以通过以下方式在现有的 react native 版本中进行配置

Android Setup

iOS Setup

【讨论】：