问题标签 [react-native-debugger]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1172 浏览

react-native - 无限循环 callbacks_poll React Native Debugger

我在使用 iOS 模拟器和 RN 0.49.5 的 Chrome 和 React Native Debugger 中的调试器网络窗格中看到了这个无限循环。

它基本上显示并不断增加名称的网络请求数量callbacks_poll。我什至在从我的主 App 文件返回 null 时看到它们。尝试清除缓存、重置模拟器、硬重启等。知道如何阻止它吗?

在此处输入图像描述

0 投票
1 回答
3970 浏览

react-native - 在 Ubuntu 中连接到远程调试器时超时

我在以下环境中运行 react-native:-

每当我尝试远程调试 js 时,我都会在 chrome 中收到“连接到真正的 android 设备中的远程调试器时超时”的问题。我还在 mac OS x 中测试了该应用程序,它可以在远程 js 调试中正常工作。

0 投票
1 回答
2213 浏览

android - 在 Google Chrome 中反应本机调试不起作用(文件未显示在调试器中)

通常,当我们单击该Debug JS Remotely选项时,会在其中打开一个新选项卡google chrome(如下面的屏幕截图所示)。

在此处输入图像描述

因此,如上面的屏幕截图所示files,我们根据directory.

但在我的情况下,files不会出现在chrome(如下面的屏幕截图中)

在此处输入图像描述

可能是什么问题?

0 投票
1 回答
1476 浏览

reactjs - 在 iOS 上反应本机调试错误

我开发 React Native 已经有一段时间了,我通过创建其他新项目来测试,不断更新自己的框架的新版本。目前,当我在旧版本的 React Native 上以调试模式重新加载应用程序时遇到问题。

每次我重新加载时,它都会在 Chrome 上显示 Cached Bundle,如下所示

在此处输入图像描述

在我的设备上

运行时尚未准备好进行调试....

在此处输入图像描述

经过谷歌搜索后,我遵循这些建议

  • 重置观察者,卸载/重新安装观察者
  • 删除 node_modules 并重新安装

但是没有一个解决方案有效。

*笔记

  • 反应:v 15.4.2
  • 反应原生:v0.42.3
  • 操作系统:ios
  • 如果我不调试,则不会发生此错误
0 投票
0 回答
1830 浏览

reactjs - React Native Debugger 连接到 React 无法与 Expo Client 一起使用

[2019 年 3 月 20 日更新:如果您有此问题,请在此处查看我的帖子!]

我正在使用 Expo 和 React Native 制作一个移动应用程序。我想将React Native Debugger集成到我的项目中以进行 react 和 redux 调试。但是我遇到了麻烦。

专门连接到反应开发工具失败。我认为这是因为我使用的是 Expo 客户端(通过 wifi 连接的真实设备)。

根据文档,我应该遵循这条路径。

在此处输入图像描述

由于我的 Expo 版本是 25.0.0,RN 版本是 0.52。因此,我必须编辑 setupDevtools.js。

问题是,这个文档让我很困惑。而且我不确定我是否做对了。到目前为止,如下所示,我已将主机更改为我的 IP 地址。但这没有用。我想我做错了什么。有人可以帮忙吗?提前致谢。

0 投票
0 回答
97 浏览

react-native - 如何查看用于调试反应本机调试器的未捆绑文件?

我正在使用 React Native Debugger 来调试我的 React Native 应用程序。当我转到 Sources 选项卡时,我看到捆绑器服务器(Metro)正在提供捆绑的 javascript 文件。我想在源选项卡中查看我的原始 javascript 文件,这样我就可以设置断点等,而无需位于已被 babelified 的巨大捆绑文件中。我怎样才能做到这一点?谢谢!在此处输入图像描述

0 投票
2 回答
12782 浏览

android - 在Windows中连接到远程调试器时反应本机超时

作为一个整体,我是 React-Native 和 android 应用程序开发的新手。当我尝试在 Android 模拟器(Pixel 2 手机)中运行远程调试器时,我在模拟器中收到以下错误:模拟器上的错误

然后,即使我停止远程调试,应用程序也不会在模拟器上运行(即没有任何东西呈现到模拟器屏幕上)。我需要再次运行该项目。

以下是自动生成的调试器 URL:http: //10.0.2.2 :8081/debugger-ui

我该如何解决这个问题?

0 投票
5 回答
11808 浏览

react-native - React-native android 调试器连接到 10.0.2.2 而不是 localhost

在运行应用程序时react-native run-android连接到 10.0.2.2:8081 而不是 localhost:8081 并且无法调试。

有谁知道如何修复,以便它将连接到本地主机?

0 投票
2 回答
2351 浏览

reactjs - 使用 Async/Await 进行 React Native 调试

我最近开始编写 React Native 代码,并且很难让 Chrome 调试器或 React Native 调试器与我的 Async/Await 函数和 Async/Await 箭头函数正常工作。

我可以成功地将调试器附加到我的代码并逐步执行我的大部分代码,但似乎当调试器进入我的异步方法时,它会失去对实际执行的行的跟踪,从而无法高效地工作。

即使console.log 语句表明代码已被执行,一些断点也不会被命中。发生这种情况时,通常当前调试行将切换到函数声明行而不是实际执行行。

我使用 引导我的应用程序crna,并在 Windows 10 中运行。不确定这是否相关。

我在各种论坛上看到很多关于 2016 年类似行为的讨论,但没有最近的消息,所以我认为它已修复。如果没有,那么解决方法是什么?我需要一种方法来调试我的代码。

0 投票
1 回答
2932 浏览

ios - React-Native 调试工具/开发者菜单在 iOS 设备上不起作用

我们有一个 react-native 项目,它在模拟器和设备上运行良好。但是,我们无法在 iOS 设备上使用摇动手势打开开发者菜单。

我已经看到其他问题但无法解决:https ://github.com/facebook/react-native/issues/5122

我们在 Xcode 中有标准配置设置,因此使用调试方案进行构建。 调试配置方案

DEBUG=1 设置也被添加到预处理器宏中: 在此处输入图像描述

但是,在摇动设备时,我只是看起来很愚蠢,菜单没有显示。任何有关如何解决此问题的想法将不胜感激。