gpt4 book ai didi

reactjs - 为什么在 Firefox 上 React 热重载会自动打开 Debugger?

转载 作者:行者123 更新时间:2023-12-03 23:05:48 25 4
gpt4 key购买 nike

  • 操作系统: MacOS Catalina 10.15.5
  • 浏览器: Firefox 78.0.2 与 React Developer Tools 4.8.0 插件启用
  • IDE: Visual Studio 代码 1.46.1
  • 框架: react

  • 这一切突然开始发生在今天。也许 Firefox 在我不知道的情况下在后台进行了更新,但有一分钟这从未发生过,现在它不会停止发生。
    问题:每当我保存我正在处理的本地文件有 React 错误(可能是缺少组件 Prop 或语法不正确)时,Firefox 会重新加载页面,然后将我定向到调试器 DevTools 选项卡,并暂停页面。然后我必须导航回 Console DevTools 选项卡,并手动重新加载页面。这很令人沮丧。
    当浏览器重定向到 Debugger 时,页面上会出现“Paused on debugger statement”对话框。突出显示的调试器代码是:
    // --- 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 选项卡,转到设置,然后是调试,并注意到“中断警告”已经取消选中。仍然不确定解决方案是什么。

    最佳答案

    这是来自最新 React Dev Tools (4.8.0) 的错误:https://github.com/facebook/react/issues/19308
    解决方法是打开然后关闭警告中断设置。他们已经发布了一个解决问题的版本 (4.8.1)。

    关于reactjs - 为什么在 Firefox 上 React 热重载会自动打开 Debugger?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62836136/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com