问题:当使用了setup语法糖后,在函数中进行debugger调试时,发现执行的位置,并不是代码中debugger的位置,百度了好久,最后在github 调试断点位置错乱 · Issue #11 · vbenjs/vite-plugin-vue-setup-extend · GitHub 找到原因
解决方案:
一、使用vite-plugin-vue-setup-extend-plus 插件替换 vite-plugin-vue-setup-extend
二、在vite.config.js中修改配置,(简单来说,开发环境不使用这个插件,虽然有点暴力,但是不影响开发环境使用)代码如下:
解释: __DEV__ 是用来判断当前环境的,vite具体配置,可参考vite官网
修改这个配置后,使用浏览器就可以正常debugger调试了 ,收工