如何在VSCode中同时运行两个pwa-msedge调试器？

问题根因 #

默认pwa-msedge调试器会复用同一个Edge进程和用户数据目录，导致同一时间只能运行一个调试实例。

调整方案 #

给两个pwa-msedge调试配置分别新增userDataDir字段，为每个实例指定独立的用户数据目录即可解决冲突。如果需要一键启动所有调试任务，可以额外新增compounds复合配置块。

修改后的完整launch.json配置如下：

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  "version": "0.2.0",
  "configurations": [
    {
      "type": "pwa-msedge",
      "request": "launch",
      "name": "Org Admin - Edge",
      "url": "http://localhost:3001",
      "webRoot": "${workspaceFolder}",
      "runtimeExecutable": "/usr/bin/microsoft-edge-beta",
      // 新增独立用户数据目录配置
      "userDataDir": "${workspaceFolder}/.vscode/edge-debug/${name}"
    },
    {
      "name": "Super Admin - Edge",
      "request": "launch",
      "type": "pwa-msedge",
      "url": "http://localhost:3002",
      "webRoot": "${workspaceFolder}",
      "runtimeExecutable": "/usr/bin/microsoft-edge-beta",
      // 新增独立用户数据目录配置
      "userDataDir": "${workspaceFolder}/.vscode/edge-debug/${name}"
    },
    {
      "command": "npm run dev",
      "name": "Start Full Application",
      "request": "launch",
      "type": "node-terminal"
    }
  ],
  // 可选：复合任务配置，一键启动所有调试项
  "compounds": [
    {
      "name": "Debug All Admin Apps",
      "configurations": ["Start Full Application", "Org Admin - Edge", "Super Admin - Edge"]
    }
  ]
}

配置说明 #

• userDataDir字段会为每个调试任务生成独立的Edge运行数据目录，不会出现进程复用冲突，你也可以手动指定不同的绝对路径
• 新增的复合任务会自动按顺序启动应用服务和两个调试实例，不需要手动逐个点击运行

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