无法使用本机调试器进行调试

Cant debug with react native debugger

我正在按照自述文件 (mcnamee/react-native-starter-kit) 中的说明启动项目。我在注册时将我的 firebase 与应用程序集成在一起,它卡在微调器上......虽然将电子邮件和密码保存到 firebase 并且它可以毫无问题地登录。我想调试当我点击注册按钮时发生的事情,但它没有显示任何操作等,也没有显示在本机调试器应用程序中。为什么 React 本机调试器无法连接到我的应用程序。我该如何解决这个问题?

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

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

如果您已经连接到网络浏览器调试器。按 cmd+d 在模拟器上调出菜单,禁用远程调试。关闭网络浏览器。启动 React Native 调试器。按 cmd+d 并启用远程调试器,这应该会连接到 React Native 调试器。

问候控制台中的信息。两种调试选项都会为您提供相同的信息。如果您想更详细地调试正在发生的事情,您需要使用 IDE 中的内置调试器并单步执行代码行或放入一些适当的 console.logs()。

@beratuslu 你在评论中写道:

I tried What you said, it fires chrome automatically and opens web ui debugger. also I still cant see actions in the redux chrome plugin neither.

你是如何开始你的调试过程的?可能是,您尝试从 Jetbrains-Product 开始,例如 WebStorm 或 PHPStorm。

在那种情况下,您需要知道,这还行不通。您需要 react-native-debugger 手动启动 (不是通过 jetbrains 软件),并且 if 运行,仅使用 "run"(在 jetbrain-software 中)来启动您的 DEV-Build。

这样,如果应用程序(DEV_Flag)启动并且 运行.

,将建立与 react-native-debugger 的连接

如果你需要使用断点进行调试,你必须使用 Chrome-Browser,但是你没有 redux-output...而另一方面你是 react-native-debugger支持一下。

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

问题是 RND 在不同的端口打开。我从 RND 菜单更改了端口,它按预期工作。

@beratuslu 你在评论中写道

I tried What you said, it fires chrome automatically and opens web ui debugger. also I still cant see actions in the redux chrome plugin neither.

我也是这个问题,花了 10 多个工作小时后,我通过取消选中 Maintain Priority 的小勾解决了它

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

  • 取消选中默认调试器中的 Maintain Priority 复选框-ui
  • 关闭默认调试器
  • 在模拟器中CTRL + M并停止远程调试
  • CTRL + T 在 React Native 调试器中 window
  • 输入您的调试器端口(在我的例子中是 19000)并点击确认
  • 在您的 android 模拟器中,再次启用远程调试(CTRL + M -> 开始远程调试)
  • 现在它应该连接到 React Native 调试器而不是默认调试器-ui

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