如何在React Native中使用断点进行调试

Question

请帮助我如何调试具有断点的本机响应，我发现仅适用于android真实设备的解决方案，但无法使用android模拟器和iOS模拟器进行调试。

Answer 1

1. 安装 React Native Debugger 工具
   • brew update && brew cask install react-native-debugger
   • brew cask 重新安装 react-native-debugger
2. 如果 Google Chrome 已经在运行，请退出它。
3. 从 Applications 文件夹启动 React Native Debugger 应用程序。
4. 激活 iOS 模拟器并使用键盘运行 command+d。在调试菜单中选择“Debug JS Remotely”选项。
5. 转到 React Native 调试器。从“查看”菜单中选择“切换开发人员工具”子菜单项。
6. 选择 Sources 选项卡（在 React Native Debugger 窗口中）。
7. 在左侧菜单中，展开 RNDebuggerWorker.js 并展开子选项 localhost:****。您将看到项目根文件夹。
8. 选择一个 .js 文件并添加断点。执行相应行时将激活断点。
9. 您可以在底部的控制台区域中看到控制台日志。