VSCode 调试 VueJS 断点显示 未验证的断点

Question

VSCode 调试 VueJS 程序断点无法进入，显示 未验证的断点

吾辈参照了官方的调试 VueJS 的配置示例：https://github.com/Microsoft/...
错误截图

launch.json 的配置如下

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

不清楚发生了什么，是 VSCode 自身的 bug？还是说是吾辈有什么配置没有设置正确呢？

Answer 1

谢邀!!!
我一直都是用JetBrains 的产品 从webstorm 到phpstorm到 goLand 都是很好的IDE
vscode没用过!

Answer 2

吾辈至今仍未找到答案（或许，也不需要），现在来看，vscode 的调试功能并非如同想象中那么重要。
eslint 无时无刻的扫描以及自动热重载能够提前规避许多错误，而且目前而言 Google chrome 的调试功能已经相当不错，并不比 vscode 自身的调试弱（这里使用 cs-f 通过关键词定位到代码）
最后，对于 js 文件快速运行，吾辈个人比较推荐 quokkajs，真正意义上的 js 领域中的［所见即所得］，对于快速测试 js 代码片段非常好用