在React Native中删除"远程调试器在后台选项卡中"警告

Question

我已经开始了一个新的React Native项目,并且我一直收到以下警告:

远程调试器位于后台选项卡中,可能会导致应用程序执行缓慢.通过前景化选项卡(或在单独的窗口中打开它)来解决此问题.

这有点烦人所以我想知道如何摆脱它？我在Chrome中运行调试器,我把它移到一个单独的窗口,但它没有帮助.

Answer 1

要摆脱整个项目中的警告,请将以下内容添加到最外层的 Javascript文件中(大部分时间index.js用于React Native)

反应原生的 v0.57+:

import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);

从官方的React Native文档中引用这个:

反应原生 v0.56 或以下:

在您的代码中尽早添加以下内容:

console.ignoredYellowBox = ['Remote debugger'];

简单,简单,特定于该错误.适合我.可以替代你想要的任何文字.

Answer 2

这个解决方案对我有用

在单独的窗口中打开/移动http:// localhost:8081/debugger-ui(远程调试的默认路径)

也许这可以帮助:)

Answer 3

您可以使用https://github.com/jhen0409/react-native-debugger上的 React Native Debugger.它是一个独立的应用程序,用于在开发期间调试React Native应用程序.

谢谢,我肯定会尝试一下,但这不是我正在寻找的答案,因为它没有解决警告.我没有奇怪地在同一台计算机上的其他RN应用程序上收到警告 (3认同)
安装另一个工具只是为了删除警告不是最好的解决方案,而其他工具也有自己的问题.正确的答案是kjonsson下面的一个 - "console.ignoredYellowBox = ['Remote debugger']; ` (2认同)

Answer 4

对我来说，通过选中“维护优先级”复选框，警告就消失了！

Answer 5

Answer 6

这是因为使用React Native Remote Debugger UI tab在浏览器中打开了许多选项卡。我也面临同样的问题。

要克服此警告消息，您可以使用以下任何一种方法：

打开一个隐身选项卡，然后在地址栏上粘贴http://localhost:8081/debugger-ui并按ENTER。最后重新加载应用程序(Command+R)。
关闭浏览器中的所有选项卡。只打开 1 个选项卡，然后点击http://locahost:8081/debugger-ui然后重新加载应用程序(Command+R)。

Answer 7

正如@jakeforaker 在其中一条评论中所提到的。只需在单独的窗口中打开远程调试器而不是浏览器现有窗口中的选项卡，警告就会消失（尽管您必须重新加载模拟器）。

正如警告所说，将远程调试器与其他选项卡保持在同一窗口中

可能会导致应用运行缓慢

所以我认为简单地抑制@kjonsson 提到的警告：-console.ignoredYellowBox = ['Remote debugger'];似乎不是最好的解决方案。

Answer 8

自2017 年 3 月提交以来，您可以启用维护优先级复选框。启用后，它会静默播放 base64 编码的.wav文件，以防止调试器的浏览器选项卡进入低功耗模式，这会影响 websocket 性能。这将有效防止您描述的警告。

Answer 9

当我关闭所有打开的 Chrome 窗口并再次启动删除调试时，此问题已解决。我以前打开过 Chrome 窗口，所以“似乎”打开它们会降低性能。