VSCode中Angular+Express项目客户端与服务端联合调试问题

问题定位 #

从错误输出可以看到核心异常：

[nodemon] starting `ng serve .\server.js`
Error: Invalid values:
  Argument: project, Given: ".\server.js", Choices: "BeQuick"

nodemon错误调用了ng serve命令并将server.js作为参数传入，原因是配置未明确指定服务端文件的执行方式，导致nodemon默认触发了项目package.json中的start脚本（即ng serve），而Angular CLI无法识别server.js为合法参数，从而抛出错误。

解决方案 #

修改launch.json中的服务端调试配置，强制nodemon使用node命令执行server.js，避免误调用Angular的启动脚本：

修正后的完整launch.json #

{
  "version": "0.2.0",
  "configurations": [
    {
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "name": "nodemon (Express Server)",
      "program": "${workspaceFolder}/server.js",
      "request": "launch",
      "restart": true,
      "runtimeExecutable": "nodemon",
      "skipFiles": ["<node_internals>/**"],
      "type": "node",
      "args": ["--exec", "node"] // 关键配置：指定用node执行服务端文件
    },
    {
      "name": "ng serve (Angular Client)",
      "type": "chrome",
      "request": "launch",
      "preLaunchTask": "npm: start",
      "url": "http://localhost:4200/"
    },
    {
      "name": "ng test",
      "type": "chrome",
      "request": "launch",
      "preLaunchTask": "npm: test",
      "url": "http://localhost:9876/debug.html"
    }
  ],
  // 可选：添加复合配置，一键启动双端调试
  "compounds": [
    {
      "name": "Full Stack Debug",
      "configurations": ["nodemon (Express Server)", "ng serve (Angular Client)"]
    }
  ]
}

配置说明 #

1. args: ["--exec", "node"]：强制nodemon使用node命令启动server.js，彻底避免误触发Angular的ng serve脚本。
2. 复合调试配置：添加compounds后，可在VSCode调试面板选择Full Stack Debug，一键同时启动服务端和客户端的调试会话，无需手动分别启动。

验证 #

启动服务端调试后，终端应输出类似如下内容，说明nodemon已正确用node启动Express服务：

[nodemon] starting `node server.js`
Debugger attached.
// Express服务启动日志...

内容的提问来源于stack exchange，提问作者Sithila Sihan Somaratne