Windows系统下VS Code无法调试Angular 15应用问题求助

• 检查tsconfig.json及子配置文件（如tsconfig.app.json），确保compilerOptions下的sourceMap均设为true，避免子配置覆盖根配置的设置。
• 确认源映射文件已生成：启动项目后查看dist目录，对应组件的.js文件旁是否存在.js.map文件。如果没有，手动执行ng build --source-map强制生成，再启动调试。
• 修正VS Code的launch.json配置，补充outFiles字段指向编译后的JS文件，示例配置：

  {
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:4200",
        "webRoot": "${workspaceFolder}",
        "outFiles": ["${workspaceFolder}/dist/**/*.js"]
      }
    ]
  }
  

• 调整Node版本：尝试切换到Node 18.10.0（LTS稳定版）或最新的Node 18.x版本，删除项目的node_modules和package-lock.json后重新执行npm install。
• 关闭VS Code调试扩展的预览特性：打开VS Code设置，搜索debug.javascript.usePreview并设置为false，重启编辑器后再调试。
• 清除Angular CLI缓存：执行ng cache clean命令清理缓存，再重新构建项目。

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