vite-plugin-vue2版本导致的chorme的source不能debugger调试问题

292 阅读1分钟

最近在vue2中用vite构建开发,在使用的时候发现在单文件.vue中加的debugger在chrome中的source中不能调试,现象如文中图片所示

现象

image.png

image.png

分析

在单文件.vue中使用了style标签,发现去掉了lang的预编译是可以显示debugger的,如图

image.png 所以刚开始以为是stylus的预编译语言有问题,在更换了less和sass后发现问题并没有解决,于是,定位到了vite是不是解析lang的时候出现了问题。

解决

vite-plugin-vue2版本固定到1.9.3,将vite版本固定到2.8.6后,问题得到了解决。

image.png