React应用调试：热重载后调试器无故反复暂停问题求助

试试这几个方案解决你的问题：

• 配置VS Code调试忽略特定文件
  打开项目里的.vscode/launch.json，找到skipFiles配置项，把热更新和chunk文件加入忽略列表：

  "skipFiles": [
    "${workspaceFolder}/node_modules/**/*.js",
    "${workspaceFolder}/**/*hot-update*.js",
    "${workspaceFolder}/**/*.chunk.js"
  ]
  

  这个配置会让调试器直接跳过这些文件，不会在上面触发断点或无意义的暂停。

• 临时关闭React的Fast Refresh热重载
  如果用的是create-react-app，在项目根目录新建.env文件，添加一行：

  FAST_REFRESH=false
  

  关闭热重载后虽然每次修改要手动刷新，但能彻底避免热更新临时文件带来的调试干扰，适合集中调试阶段临时使用。

• 清理Edge调试器的断点和异常暂停设置
  打开Edge的调试面板（F12），切换到Sources标签：

  • 在Breakpoints面板里点击右上角的叉号，清空所有断点；
  • 检查是否勾选了Pause on exceptions（包括下方的caught exceptions），全部取消勾选，避免调试器因热更新时的内部异常自动暂停。

• 调整VS Code的自动附加设置
  打开VS Code设置（Ctrl+,），搜索debug.autoAttach，把它设为off或者onlyWithFlag，防止调试器自动附加到热更新生成的临时进程，减少无意义的暂停触发。

内容的提问来源于stack exchange，提问作者Alin