Node.js 在vs代码中调试节点/prime vue webapp未达到断点

我有一个要调试的node/prime vue应用程序。 在launch.json中，我有

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

我正在用VS code中的

npm run serve

启动我的应用程序

然后我点击上面配置的debug/play图标

当我在应用程序中遇到错误时，控制台错误会出现在VS代码中的调试控制台中

但是，不会命中断点。既不在.ts文件中，也不在.js文件中，也不在.vue文件中。它们都显示为“未绑定断点”

我已经安装了用于将Chrome扩展到VS代码和Vetur Vue工具的调试器

我也跟着这个链接把

进入vue.config.js

=>如何绑定断点？

添加

configureWebpack: {
    devtool: 'source-map'
}

到vue.config.js

在Chrome中设置一个断点使情况有所不同

configureWebpack: {
    devtool: 'source-map'
}