将 webRoot 设置为正确的文件夹会破坏 VS Code 调试

Question

我正在尝试设置一个启用调试并使用 webpack 的原始 Web 应用程序。

这是 vscode launch.json：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "DEBUG CHROME",
            "url": "http://localhost:9000",

            //"webRoot": "${workspaceFolder}/public" // this does not work, but is correct, according to documentation

            "webRoot": "${workspaceFolder}" // this works, but is incorrect, according to documentation
        }
    ]
}

项目结构：

有谁知道为什么当 webRoot 指向正确的路径时调试会中断（没有命中断点） -${workspaceFolder}/public并且对于不正确的路径工作正常？

根据 vs 代码文档：

如果您使用 url，请设置webRoot为提供文件的目录

在这种情况下这显然是错误的。

复制的最小示例在这里

有人知道webRoot实际如何运作吗？

编辑：这里有人说，那webRoot就是：

在内部它用于将源映射绑定到本地文件

难道在 webpack 的情况下，webRootwebpack应该指向调用命令的路径吗？

此外，还有一个似乎相关的问题