无法使用React Native调试器进行调试

Question

我正在按照自述文件（mcnamee/react-native-starter-kit）中的说明启动项目。当我在应用程序中注册Firebase时，我将其与应用程序集成在一起。我想调试当我点击注册按钮时发生的事情，但是它没有显示任何动作等，也没有在react native调试器应用程序中显示。为什么反应本机调试器无法连接到我的应用程序。我该如何解决这个问题？

Answer 1

一次只能连接一个调试器。如果在Web浏览器中使用调试器。您不能使用React Native Debugger。

最简单的解决方案是在执行react-native run-ios之前确保已运行React Native Debugger，并且应该自动连接到React Native Debugger。如果未连接，则始终可以按cmd + d连接到调试器。

如果您已经连接到Web浏览器调试器。按cmd + d调出模拟器上的菜单，禁用远程调试。关闭网络浏览器。启动React Native Debugger按cmd + d并启用远程调试器，这将使您连接到React Native Debugger。

关于控制台中的信息。这两个调试选项将为您提供相同的信息。如果您想更详细地调试正在发生的事情，则需要在IDE中使用内置的调试器，然后逐步执行代码行或将其放置在适当放置的console.logs（）中。

Answer 2

@beratuslu您在评论中写道：

  

我尝试了您所说的内容，它会自动触发chrome并打开网络用户界面   调试器。我还是看不到redux chrome插件中的操作   都不是。

如何开始调试过程？可能是，您尝试从WebStorm或PHPStorm之类的Jetbrains产品开始。

在这种情况下，您需要知道，这还行不通。您需要手动启动 react-native-debugger （不是通过jetbrains软件），如果正在运行，则仅使用“ run”（在jetbrain中） -软件）以启动您的DEV-Build。

这样，如果应用程序（带有DEV_Flag）已启动并正在运行，则将建立到react-native-debugger的连接。

如果您需要使用断点进行调试，则必须使用Chrome浏览器，但那里没有redux输出...而另一方面，您是react-native-debugger支持它。

如果您不想看到jetbrain-debug与r​​eact-native-debugger一起工作，请随时投票给这个问题：https://youtrack.jetbrains.com/issue/WEB-35251

Answer 3

问题是RND在其他端口打开。我从RND菜单更改了端口，它按预期工作。

Answer 4

@beratuslu 你在评论中写道

<块引用>

我试过你说的，它会自动启动 chrome 并打开 web ui 调试器。我仍然看不到 redux chrome 插件中的操作 都没有。

我也遇到了同样的问题，在工作了 10 多个小时后，我通过取消选中 Maintain Priority 的小勾解决了这个问题

因此，如果其他人在执行文档中提到的所有配置时仍在尝试解决此问题，默认调试器仍会自动触发，而不是连接以响应本机调试器，请按照以下步骤操作。

• 取消选中默认调试器用户界面中的 Maintain Priority 复选框
• 关闭默认调试器
• 在模拟器 CTRL + M 中并停止远程调试
• CTRL + T 在 React Native Debugger 窗口中
• 输入您的调试器端口（在我的例子中是 19000）并点击确认
• 在你的安卓模拟器中，再次启用远程调试（CTRL + M -> 启动远程调试）
• 现在它应该连接到 React Native 调试器而不是默认的 debugger-ui

希望它可以帮助人们节省时间来弄清楚为什么默认调试器总是启动而不是连接到本机调试器。