最近在vue2中用vite构建开发,在使用的时候发现在单文件.vue中加的debugger在chrome中的source中不能调试,现象如文中图片所示
现象
分析
在单文件.vue中使用了style标签,发现去掉了lang的预编译是可以显示debugger的,如图
所以刚开始以为是stylus的预编译语言有问题,在更换了less和sass后发现问题并没有解决,于是,定位到了vite是不是解析lang的时候出现了问题。
解决
将vite-plugin-vue2版本固定到1.9.3,将vite版本固定到2.8.6后,问题得到了解决。