在vs代码中调试node/prime-vue-webapp没有达到断点

Question

我有一个想要调试的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代码中使用npm run serve启动我的应用程序

然后我点击上面配置的调试/播放图标。

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

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

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

我也关注了这个链接https://v2.vuejs.org/v2/cookbook/debugging-in-vscode.html并放置

module.exports = {
configureWebpack: {
devtool: 'source-map'
}
} 

进入vue.config.js

=>如何绑定断点？

Answer 1

添加

configureWebpack: {
devtool: 'source-map'
}

到vue.config.js

而在Chrome中设置一个断点就起到了作用。