服务器代码VS代码忽略断点

Question

我有一个具有Express作为后端服务器的React应用。但是，我在服务器代码上添加的任何断点都将被忽略，并显示为“未验证的断点”，但是客户端代码上的断点正在运行。 我当前的launch.json如下：

{
  "type": "chrome",
  "request": "launch",
  "name": "Chrome",
  "url": "http://localhost:4001",
  "webRoot": "${workspaceFolder}/src",
  "breakOnLoad": true,
  "sourceMaps": true,
},

我的文件夹结构如下：

Answer 1

那是因为您正在调试客户端，而不是服务器。

您需要另一种配置来调试服务器，这将在VS Code中启动服务器并对其进行调试。

您应在您的$unicode中添加以下内容：

launch.json

{ "type": "node", "request": "launch", "name": "Server debug", "program": "${workspaceFolder}/server.js" }, 应替换为节点快速服务器的名称。

显然，您需要在启动调试器之前停止当前正在运行的服务器。

您可能还可以附加到正在运行的服务器进程，但是我发现这有点烦人。