为什么在 Firefox 上 React 热重载会自动打开 Debugger？
Why does React hot-reloading on Firefox automatically open the Debugger?
- OS: MacOS Catalina 10.15.5
- 浏览器： Firefox 78.0.2 启用了 React Developer Tools 4.8.0 附加组件
- IDE: Visual Studio 代码 1.46.1
- 框架：反应
这一切在今天突然发生。也许 Firefox 在我不知情的情况下在后台更新，但前一分钟这从未发生过，现在它不会停止发生。
问题： 每当我保存我正在处理的本地文件时出现 React 错误（可能是缺少组件属性或语法不正确），Firefox 会重新加载页面但然后将我定向到 Debugger DevTools 选项卡，并暂停页面。然后我必须导航回 Console DevTools 选项卡，并手动重新加载页面。很郁闷。
当浏览器重定向到调试器时，页面上会出现一个对话框，显示“在调试器语句上暂停”。突出显示的调试器代码是：
// --- 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.
// eslint-disable-next-line no-debugger
debugger;t.apply(void 0,o)};n.__REACT_DEVTOOLS_ORIGINAL_METHOD__=t,// $FlowFixMe property error|warn is not writable.
阻止这种情况的唯一方法是禁用 React Developer Tools 附加组件。我不知道如何禁用“警告中断”功能。任何帮助将不胜感激。
===
编辑： 我查看了 React Developer Tools Profiler 选项卡，转到“设置”，然后转到“调试”，并注意到“Break on warnings”已经未选中。仍然不确定解决方案是什么。
我遇到了同样的问题。将设置打开然后关闭再次修复它。
这是最新的 React Dev Tools (4.8.0) 的错误：https://github.com/facebook/react/issues/19308
解决方法是打开然后关闭“警告时中断”设置。他们已经发布了解决该问题的版本 (4.8.1)。
- OS: MacOS Catalina 10.15.5
- 浏览器： Firefox 78.0.2 启用了 React Developer Tools 4.8.0 附加组件
- IDE: Visual Studio 代码 1.46.1
- 框架：反应
这一切在今天突然发生。也许 Firefox 在我不知情的情况下在后台更新，但前一分钟这从未发生过，现在它不会停止发生。
问题： 每当我保存我正在处理的本地文件时出现 React 错误（可能是缺少组件属性或语法不正确），Firefox 会重新加载页面但然后将我定向到 Debugger DevTools 选项卡，并暂停页面。然后我必须导航回 Console DevTools 选项卡，并手动重新加载页面。很郁闷。
当浏览器重定向到调试器时，页面上会出现一个对话框，显示“在调试器语句上暂停”。突出显示的调试器代码是：
// --- 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.
// eslint-disable-next-line no-debugger
debugger;t.apply(void 0,o)};n.__REACT_DEVTOOLS_ORIGINAL_METHOD__=t,// $FlowFixMe property error|warn is not writable.
阻止这种情况的唯一方法是禁用 React Developer Tools 附加组件。我不知道如何禁用“警告中断”功能。任何帮助将不胜感激。
===
编辑： 我查看了 React Developer Tools Profiler 选项卡，转到“设置”，然后转到“调试”，并注意到“Break on warnings”已经未选中。仍然不确定解决方案是什么。
我遇到了同样的问题。将设置打开然后关闭再次修复它。
这是最新的 React Dev Tools (4.8.0) 的错误：https://github.com/facebook/react/issues/19308
解决方法是打开然后关闭“警告时中断”设置。他们已经发布了解决该问题的版本 (4.8.1)。