search

PanJiaChen / vue-admin-template

a vue2.0 minimal admin template
https://git.io/fAnuM
MIT License
20.01k stars 7.42k forks source link

项目启动后 无法在webstorm 或者 vscode 里面debug #611

Open Lysander086 opened 4 years ago

Lysander086 commented 4 years ago

自己创建的vue项目往往都没有问题, 从vue-admin-template和vue-admin-element 这两个项目想要配置webstorm 或者vscode 的debug 都会出现调试的代码 和打的断点不匹配

Drangeer commented 3 years ago

我也遇到这个问题了，请问楼主怎么解决的呢 ？

Lysander086 commented 3 years ago

我也遇到这个问题了，请问楼主怎么解决的呢 ？

现在我主要的debug方式都是直接在代码行前后加个debugger, 来配合debug, 你以后如果有什么更好的方法可@我一下

Drangeer commented 3 years ago

我也遇到这个问题了，请问楼主怎么解决的呢 ？

现在我主要的debug方式都是直接在代码行前后加个debugger, 来配合debug, 你以后如果有什么更好的方法可@我一下

我这里已经发现原因，并解决了。 是因为在vue.config.js的configureWebpack里面没有配置devtool导致的 configureWebpack: { devtool: 'source-map', // todo: 就是这里到这的，在debugger的时候，不能调试到正确的位置 name: name, resolve: { alias: { '@': resolve('src'), '@assets': resolve('src/assets') } } },

Coye1023 commented 2 years ago

我也遇到这个问题了，请问楼主怎么解决的呢 ？

现在我主要的debug方式都是直接在代码行前后加个debugger, 来配合debug, 你以后如果有什么更好的方法可@我一下

我这里已经发现原因，并解决了。 是因为在vue.config.js的configureWebpack里面没有配置devtool导致的 configureWebpack: { devtool: 'source-map', // todo: 就是这里到这的，在debugger的时候，不能调试到正确的位置 name: name, resolve: { alias: { '@': resolve('src'), '@assets': resolve('src/assets') } } },

这个方法我试了之后，只能调试.vue文件里的js代码，.js文件里的断点进不去 楼主有没有遇到这个问题，能分享一下launch.json里面的配置么