Vue项目在Chrome浏览器的源代码混乱，无法调试问题
先上个问题图：
这怎么Debug，头大！！ 还能不能快乐的开发了？？？
先直接说我的解决办法，再碎碎念
在文件 vue.config.js 的configureWebpack对象加一个元素 devtool: ‘source-map’
如图：
搞定！重启下项目，按F12 看看效果去吧
解决问题的可以走了，如果还没解决问题，可以看下以下内容。
-----------------------------------------------碎碎念分割线-------------------------------------------
之所以会出现这种情况，一般是Vue模板项目 取消设置SourceMap，为了避免前端源码在浏览器端泄露。
解决这个问题，就是配置一个 SourceMap就好。
关键点来了，不同脚手架版本，配置代码不同！我的脚手架是3.x.x，如果你是其他版本，就找找其他配置方法。
浏览器搜索关键字【Vue 浏览器调试源代码】 找找
————————————————
版权声明：本文为CSDN博主「袁承旭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/RUNINGbirds/article/details/107087082
