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

标签 reactjs react-native debugging native breakpoints

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

最佳答案

  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. 您可以在底部控制台区域看到控制台日志。

关于reactjs - 如何在 React Native 中使用断点进行调试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55460003/

相关文章:

reactjs - 找不到模块 : Can't resolve 'material-ui-search-bar'

javascript - 无法在 React Native Paper 中更改卡片标题文本的颜色

react-native - 单击通知如何在 React native Firebase 中打开特定页面

javascript - 防止在 React Native 中双击

reactjs - Metro 遇到错误 "Cannot read property "transformFile"of undefined react native

android-studio - 如何逐行调试Android Studio项目(使用NDK和JNI)以查看工作流程?

javascript - NextJS 中的状态管理

java - 如何在编译期间逐步调试注释处理器?

shell - 变量值加1(shell编程)

javascript - 将 React 与 Cloud Firestore 结合使用