node.js - 带有 Node.js 后端的 Next.js 前端的 VSCode 调试配置

Question

在我的项目目录中，我在 next.js 中有一个前端，在 Node.js 中有一个后端，它看起来如下：

我现在想调试程序，所以后端和前端都必须运行，我不知道如何创建我在顶级项目中的正确 debug launch.json 配置来启动和调试这两个程序.

{
"version": "0.2.0",
"compounds": [
    {
        "name": "Client+Server",
        "configurations": [ "DCBACKEND", "DCFRONTEND" ]
    }
],
"configurations": [        
    {
        "type": "node",
        "request": "launch",
        "name": "DCBACKEND",
        "cwd" : "${workspaceFolder}\\dcbackend",
        "runtimeExecutable": "npm",
        "runtimeArgs": [
            "run-script", "start"
        ]
    },
    {            
        "type": "node",
        "request": "launch",
        "name": "DCFRONTEND",
        "cwd" : "${workspaceFolder}\\dcfrontend",
        "program": "${workspaceFolder}\\dcfrontend\\pages\\index.js",
        "runtimeExecutable": "next",
        "runtimeArgs": [
            "--inspect"
        ]
    }
]

}

编辑：现在，我收到以下错误：

我的后端启动脚本是：

 "scripts": {
    "start": "node index.js -p 7766"
  },

所以端口可能有问题？此外，它在命令行中运行另一个用于调试的脚本：

C:\Program Files\nodejs\npm.cmd run-script start --inspect-brk=39777 

不知道有什么关系--inspect-brk=39777，需要吗

标签： node.jsdebuggingnpm-scriptsvscode-debugger