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

Question

请帮助我如何在React Native中使用断点进行调试，我只找到了适用于Android真实设备的解决方案，但无法使用Android模拟器和iOS模拟器进行调试。

Answer 1

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