Visual Studio代码 - 节点调试器断点未被命中

Question

我正在尝试使用VSCode来调试我正在运行的节点应用程序.

我在一个单独的终端中启动应用程序,然后使用attach来处理配置以挂钩它.

附加工作正常,我得到一个侧面板,用我的项目中的文件说"加载脚本".如果我点击其中一个并设置断点,它将正常工作.

如果我在通过VSCode编辑器打开的文件上设置断点,则断点会变灰,当我将鼠标悬停在它上面时会说"断点设置但尚未绑定".

我怎样才能使我在代码上设置的断点绑定？

Answer 1

在 VSCode 设置中搜索“debug javascript use preview”，然后禁用它。它现在应该绑定所有断点。

Answer 2

我有一个类似的问题，我通过附加/src到"webRoot"路径来 修复它。

这是一个演示我所做的事情的示例：

原来我的"webRoot"财产是这样写的：

 "webRoot": "${workspaceFolder}"

现在我的webRoot路径是：

"webRoot": "${workspaceFolder}/src",

这是我的 ./.vscode/launch.json reads:

    {
      // Use IntelliSense to learn about possible attributes.
      // Hover to view descriptions of existing attributes.
      // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
        {
          "type": "chrome",
          "request": "launch",
          "name": "Launch Chrome",
          "url": "http://localhost:3000",
          "webRoot": "${workspaceFolder}/src",
          "trace": true
        }
      ]
    }

Answer 3

在启动文件中尝试此配置:

{
    "name": "Attach to Process",
    "type": "node",
    "protocol": "inspector",
    "request": "attach",
    "stopOnEntry": false,
    "port": 5858,
    "localRoot": "${workspaceRoot}",
    "remoteRoot": "/somepath/myprojectroot",
    "sourceMaps": true
}

确保remoteRoot路径正确,否则它将不知道在哪里查找源文件.

Answer 4

我在 VSCode 上遇到了这个问题，1.52.1对我有用的修复是：

1. debug.javascript.usePreview通过代码 > 首选项 > 设置禁用

2. 添加"localRoot": "${workspaceFolder}/"到launch.json

3. 添加"remoteRoot": "${workspaceFolder}/"到launch.json

Answer 5

显而易见的事实是，VSCode 1.20 不允许您打断点。

我也试过 1.21，它也不让你这样做。

我回到 1.18，它按预期工作，没问题。

Answer 6

我遇到了同样的问题......
在我尝试了很多启动配置组合后，我发现了正确的。

{
  "type": "node",
  "request": "attach",
  "name": "Attach Program",
  "protocol": "inspector",
  "restart": true,
  "skipFiles": [
    "<node_internals>/**"
  ],
  "localRoot": "${workspaceFolder}",
  "remoteRoot": "/",
}

Ps：我使用 --inspect 参数（允许调试器附加节点）使用 nodemon 启动节点脚本。