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

时间:2019-01-20 21:51:44

标签: react-native react-native-firebase

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

对于标准的React Native应用程序,可以使用“远程调试JS”选项来实现,据我所知,该选项可以在桌面Chrome中运行该应用程序的JS,因此可以使用其开发工具。

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

我做错了什么还是有办法解决?哪种调试设置可以在这里给我最好的DX?

1 个答案:

答案 0 :(得分:1)

示例项目react-native-firebase-starter是本机生成的(而不是使用Expo创建的),因此可以使用您提到的调试工具按预期工作。

请确保在运行应用程序时已选择构建变体Debug,例如在Release模式下,Metro Bundler / Packager和调试工具不可用。

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

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

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

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