使用 React Native Firebase 时如何远程调试 JS

How can I debug JS remotely when using React Native Firebase

所以我有一个基于 react-native-firebase-starter 的 React Native 应用程序,我想使用更好的工具进行调试,而不仅仅是通过 react-native log-android 输出 console.log。调试器断点、对象检查等

对于标准的 React Native 应用程序,可以使用 "Debug JS remotely" 选项,据我所知,该选项在桌面 Chrome 内运行应用程序的 JS,因此可以使用它的开发工具。

但这似乎不适用于 React Native Firebase。我认为这是因为它使用了很多本机 Android/iOS 模块以及仅限移动设备的 Firebase 身份验证,因此完全在设备上 运行 很开心。 ...或类似的东西。

我是做错了什么还是有办法解决这个问题?什么调试设置会给我最好的 DX?

示例项目 react-native-firebase-starter 是本地构建的(与使用 Expo 创建的相反),因此可以使用您提到的调试工具按预期工作。

确保当 运行 应用构建变体 Debug 被选中,因为在 Release 模式下 Metro Bundler / Packager 和调试工具不可用。

如果通过 Chrome Dev Tools 的调试级别不够,还有其他为 React Native 创建的具有更好功能(例如断点)的工具。最值得注意的是:

  • React Native Tools Visual Studio 代码的扩展名。允许在编辑器中设置断点和遍历代码。

  • React Native Debugger,它与 Chrome Dev Tools 具有相似的界面,并允许在“源”选项卡中设置断点。

最新的安装说明和配置在各自的存储库中提供。