VSC 调试反应，无法创建断点/附加到进程

Question

我一直在尝试很多潜在的修复方法，但到目前为止，它们都没有帮助我。我无法让调试器正确附加，它确实附加了，但它没有给我断点（断点设置但尚未绑定）。

到目前为止我所做的：

我在 launch.json 中创建了条目

{

      "type": "node",

      "request": "launch",

      "name": "Launch debug client",

      "sourceMaps": true,

      "runtimeExecutable": "node",

      "runtimeArgs": [

        "--inspect-brk",

        "./node_modules/webpack-dev-server/bin/webpack-dev-server.js"

      ],

      "cwd": "${workspaceFolder}/client/"

    }

这导致了这个错误。

第二个 --inspect-brk=PORT 是我应该努力附加的那个吗？第二个端口总是随机的，我如何让调试器附加到它？

似乎 webpack-dev-server 也不关心 inspect-brk 因为客户端启动并工作......

我也不确定我是否有 webpack-dev-server 来构建源映射 - 它们是否保存在内存中？

我确实尝试设置一个固定端口，重新映射 sourceMapPathOverrides，设置 outFiles 并设置程序路径无济于事。在写这篇文章之前，我什至没有看到它试图生成它自己的新端口......

Answer 1

如果有人偶然发现：Webpack-dev-server已经在调试器模式下启动，当前附加到该进程的唯一方法（据我所知）是通过浏览器。您需要为正在使用的浏览器安装 vsc 的调试器扩展（目前仅适用于 chrome 和 firefox）。然后你可以附加/启动到 webpack-dev-server 正在启动的 url，vscode 将挂钩到该实例。例子启动.json    {      "type": "firefox",      "name": "firefox debug",      "request": "launch",      "url": "http://localhost:8080",      "webRoot": "${workspaceFolder}/client"    }