问题标签 [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 回答
45 浏览

react-native - 如何在 vs 代码中调试 react-native 应用程序?(作为默认调试器)

我能够在 vs 代码中调试我的 react-native 应用程序。但是每次我想调试时,我都应该做一些额外的事情。

  1. 首先我应该开始npm start
  2. 该应用程序在 chrome 中启动默认调试。现在我应该关闭浏览器选项卡。
  3. 在 Visual Studio 代码中启动调试器并在博览会中重新启动调试模式。

取而代之的是,是否可以直接在 vs 代码中启动调试器而不是上述过程?

0 投票
1 回答
28 浏览

react-native - 无法连接到独立的 React Native 调试器

我一直无法让独立的 React Native Debugger 工作。我正在运行一个博览会项目并在 android 设备上进行测试。当我选择 Debug Remote JS 时,它每次都会在我的 Web 浏览器中打开 http://localhost:19000/debugger-ui/。我在端口 19000 上的独立调试器只是说等待 React 连接。在任何地方都看不到任何错误。

0 投票
0 回答
60 浏览

reactjs - 我无法使用 react-native 调试器在 react-native 中进行调试

我正在尝试使用 react 本机调试器,但收到此错误:

当我尝试使用 debugger-ui 时,它也无法正常工作并向我显示此错误:

我什至创建了一个空白项目来测试问题是否是由我的项目引起的,但它也没有显示同样的错误。

任何帮助我都会非常感激。

0 投票
1 回答
504 浏览

javascript - 未捕获的错误:无法添加节点“1”,因为具有该 ID 的节点已在 Store 中

当我尝试使用 debugger-ui 时,它也无法正常工作并向我显示此错误:

我什至创建了一个空白项目来测试问题是否是由我的项目引起的,但它也没有显示同样的错误。

任何帮助我都会非常感激。

0 投票
0 回答
34 浏览

react-native - 底部标签栏可触摸在 react-native 检查器中是红色的并且不可点击

我的 react-native 应用程序遇到了一个我无法解决的奇怪问题。

我在我的应用程序中使用 react-navigation 并在底部选项卡导航器中使用 @react-navigation/bottom-tabs。

在开发 iOS 版本时一切正常,但在 android 版本中,我无法单击底部标签栏中的按钮。

我已经使用 react-native 调试器中的检​​查器检查了底部栏中的“可触摸”,并且我发现按钮上方有一个“红色区域”。

有人知道这是从哪里来的,这是否是阻止按钮的原因?

在此处输入图像描述

0 投票
2 回答
99 浏览

react-native - Flipper 插件不适用于 react-native 应用程序

我有 react-native 应用程序,其中我使用端口 8383 端口(我不能使用默认端口 8081)作为 Metro 捆绑器。在使用 Flipper 调试应用程序时,它显示大多数插件(如 Hermes/react dev-tool 等)不可用。
阅读文档后,我相信为鳍状肢使用正确的端口应该可以解决它。如果有任何其他解决方案,请告诉我。

如何更新 Flipper Mac 应用程序的 Metro 端口?

目前尚不清楚如何遵循链接https://fbflipper.com/docs/custom-ports/
中的说明 我应该在哪个目录中执行上面链接中提供的命令?

我尝试npx flipper-server --port 8383在浏览器中运行,但它也不起作用。

0 投票
1 回答
242 浏览

reactjs - React Native 调试器“不支持的 DevTools 后端版本”

当我尝试使用 React Native Debugger 调试我的应用程序时,我得到了那个错误:“

来自反应本机调试器的错误

然后我做那个指示。install react devtool,什么也没发生。我想,也许,我在安装软件包时遇到了一些错误,所以我运行react devtools并查看当前版本 4.23.0

反应开发工具版本

所以有人知道我该如何解决这个问题吗?

0 投票
1 回答
17 浏览

react-native - `Open the Dev Tools` 时如何选择默认的 React Native 调试工具

我在 React Native 项目中同时使用Flipper和。React Native Debugger

我发现 JavaScript 日志记录React Native Debugger比给定 JSON 格式比 Flipper 更丰富(日志转储为序列化字符串)。然而,我喜欢 Flipper 提供的额外日志工具(尤其是原生日志)。

是否可以设置选择默认的开发工具?

在 iOS 模拟器上打开开发工具,所有日志都会打开,Flipper即使它已退出并且 React Native Debugger 已经打开。

React Native 调试器工具截图 - 等待端口 8081

我曾尝试配置调试器和开发工具监听的不同端口,但仍以脚蹼为主导。

有没有人成功地尝试过你们俩?

0 投票
1 回答
24 浏览

javascript - 在严格模式下禁止使用前导零的十进制整数文字?

在此处输入图像描述

0 投票
0 回答
11 浏览

reactjs - React Native Debugger 使用了错误版本的 react-devtools

尝试使用 React Native Debugger 调试应用程序。显示“不支持的 DevTools 后端版本”。

在此处输入图像描述

我是怎么到这里的

expo init我使用(expo-cli@5.2.0) 和TypeScript 空白模板创建了一个新应用程序。使用 启动应用程序expo ios,打开“调试远程 JS”

我努力了:

  1. yarn global add react-devtools@^4.22.0
  2. 更改 package.json 以包括:
  1. 重新安装 React Native 调试器

当 Debugger 连接到应用程序时,我也会收到此错误:(在我消除此错误后,我得到了上面显示的错误 ^)

在此处输入图像描述

PS: 我可以提供任何其他信息。我已经为此苦苦挣扎了几天