Javascript 将webRoot设置为正确的文件夹会中断代码调试

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

这里是vscodelaunch.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

并且对于错误的路径可以正常工作时，有人知道为什么调试会中断（没有断点被命中）吗

根据tho vs代码：

如果使用url，请将

webRoot

设置为提供文件的目录

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

复制的最小例子是

有人知道

webRoot

实际上是如何工作的吗

EDIT：有人说，

webRoot

是：

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

对于webpack，webRoot是否应该指向调用

webpack

命令的路径

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