使用setup语法糖后,debugger调试时,定位异常

文章讲述了在使用Vite和Vue的setup语法糖后,debugger调试定位不正确的问题。解决方案是更换vite-plugin-vue-setup-extend为vite-plugin-vue-setup-extend-plus,并在开发环境中临时关闭该插件。通过设置__DEV__标识和调整vite.config.js配置,确保浏览器环境下调试功能正常工作。
摘要由CSDN通过智能技术生成

问题:当使用了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调试了 ,收工

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值