React开发工具-停用“违反警告”

使用create-react-app进行开发时，我的浏览器在出现警告时进入调试器模式：

它打破了react-dev-tools的源代码：

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

如何停用此行为？

转到Chrome Devtools→在Chrome控制台中，转到组件→单击设置→取消设置警告时中断。在Profiler →设置→取消警告时中断设置中执行相同的操作。

@cadoman指向选中，然后取消选中以确保工作正常。

PS：图片来自https://github.com/facebook/react/issues/19308#issuecomment-656669792

根据拉取请求，DevTools：默认情况下，请先断开警告＃19309，这似乎是一个错误。

对我而言，“警告时中断”框未选中，但仍会中断。删除并读取扩展以强制进行更新后，为我修复了该扩展。

我不知道另一种强制Chrome更新其常规时间表之外的扩展的方法。

转到“调试”选项卡中的ReactDev工具，并禁用“警告时中断”。

我认为这种新行为是从今天的新PR开始的：https : //github.com/facebook/react/pull/19048

Chrome具有“ BlackBox脚本”功能，在这种情况下非常有用。

1. 转到Chrome开发者工具->“源”标签
2. 从左窗格中选择“ react_developer_tools.js”
3. 右键单击文件，然后选择“黑盒脚本”

这是一个已知问题。一种解决方法在GitHub上发布：错误：DevTools中出现意外的调试器语句（已解决）＃19308

该问题是由于最近发布的。React团队提出的解决方法是：

• 转到Chrome开发者工具
• 单击组件选项卡（React Developer Tools扩展）
• 单击设置图标（位于组件搜索框旁边）
• 模态打开后，选择“调试”选项卡
• 最后，双击“警告时中断”复选框（选中和未选中）

确保最后没有选中“警告中断”复选框。

参考：问题链接