React Native 0.74 调试器

Question

有人升级到 React Native 0.74 了吗？我需要一些关于如何更好地调试的建议。现在真是太痛苦了。正如现在建议的工具缺乏有用的功能。是否有任何更新的工具可以让我查看以下内容：

• 控制台
• 来源
• Redux
• 网络选项卡
• 异步存储

因为 Flipper 或旧的 React Native 调试器工具不再工作。我正在努力寻找有关调试应用程序某些部分的信息。我可以在没有 redux 集成的情况下生活，因为我可以使用 redux 记录器。但我觉得“网络”选项卡是一个关键功能，并且想要监控应用程序的请求。

我尝试过 RN 推出的实验性调试器，但它缺乏关键功能。

Answer 1

将 https://github.com/jhen0409/react-native-debugger 与“react-native-devsettings”库结合使用，它允许您使用外部调试器。

按照文档安装react-native-debugger。

在项目中安装react-native-devsettings作为开发依赖项：

npm install react-native-devsettings --save-dev

(yarn add react-native-devsettings --dev if you are using yarn)

然后，在App.tsx（App.jsx）文件中，在顶部添加：

if (__DEV__) require('react-native-devsettings');

使用命令

npm run android

运行项目。
运行已安装的react-native-debugger。
在模拟器中，按 CTRL-M（对于 Mac，按 CMD-M）。

在出现的菜单中，选择“远程调试 JS”。

享受调试的乐趣。

此调试器允许您查看 Redux Store、网络请求、Apollo 请求和 AsyncStorage 内容。