VS Code多根工作区TypeScript断点调试配置及未绑定断点排查

• 确认sourceMap生成：检查每个微服务的tsconfig.json，必须开启"sourceMap": true，同时明确outDir指向编译后的JS文件目录，确保TS编译时生成对应的.map文件——调试器靠这个关联TS源码和编译后的JS。
• 修正launch.json路径配置：多根工作区里，program、cwd这类路径要用工作区相对路径，不能用单个子文件夹的相对路径。比如调试MicroserviceA时，program写成${workspaceFolder:MicroserviceA}/dist/index.js（假设编译产物在dist目录），cwd设为${workspaceFolder:MicroserviceA}，让调试器精准定位文件位置。
• 统一工作区调试配置：别在每个子文件夹单独建launch.json，直接在工作区根目录的.vscode文件夹下创建统一配置，给每个微服务单独写调试项，示例如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "调试MicroserviceA",
      "program": "${workspaceFolder:MicroserviceA}/dist/index.js",
      "cwd": "${workspaceFolder:MicroserviceA}",
      "sourceMaps": true,
      "outFiles": ["${workspaceFolder:MicroserviceA}/dist/**/*.js"]
    },
    {
      "type": "node",
      "request": "launch",
      "name": "调试MicroserviceB",
      "program": "${workspaceFolder:MicroserviceB}/dist/index.js",
      "cwd": "${workspaceFolder:MicroserviceB}",
      "sourceMaps": true,
      "outFiles": ["${workspaceFolder:MicroserviceB}/dist/**/*.js"]
    }
  ]
}

• 检查工作区配置文件：打开my.code-workspace，确认每个微服务文件夹都正确添加，路径无拼写错误，示例：

{
  "folders": [
    {
      "path": "MicroserviceA"
    },
    {
      "path": "MicroserviceB"
    }
  ]
}

• 清理缓存重新编译：删掉每个微服务的dist文件夹，重新执行tsc编译，确保生成最新的JS和.map文件——旧缓存可能导致源码与映射文件不匹配。
• 验证断点位置：别把断点打在空行、注释或纯变量声明行（除非初始化有逻辑），无效代码行的断点会被标记为未绑定。

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