Visual Studio Code调试React Web应用失败疑因AppData文件损坏

• 核对launch.json配置准确性
  检查调试配置文件launch.json中的url端口是否和yarn start启动的开发服务器端口一致，webRoot是否指向项目的src目录，sourceMapPathOverrides映射是否正确。示例标准配置：

  {
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Launch Chrome against localhost",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}/src",
        "sourceMapPathOverrides": {
          "webpack:///src/*": "${webRoot}/*"
        }
      }
    ]
  }
  

• 禁用第三方调试相关插件
  近期VSC更新后，第三方调试插件可能存在兼容性问题。先禁用所有非官方调试插件，仅保留官方的JavaScript Debugger，重启VSC后尝试调试。

• 清理VSC全局缓存目录
  除了workspaceStorage，还可以删除以下缓存目录后重启VSC：

  • %APPDATA%\Code\Cache
  • %APPDATA%\Code\CachedData

• 排查系统安全软件拦截
  Windows更新可能修改了防火墙或杀毒软件规则，导致VSC调试器无法连接开发服务器。暂时关闭防火墙/杀毒软件测试，若恢复正常，给VSC和Chrome添加网络访问允许规则。

• 调整VSC版本
  若确认是VSC更新引发的问题，可降级至之前正常工作的版本，或尝试安装VSC预览版，验证是否修复该兼容性bug。

• 检查项目webpack source map配置
  若自定义过webpack配置，确保devtool设置为eval-source-map或inline-source-map这类调试友好的选项，避免因source map解析失败导致调试卡住。

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