今天菜鸟正好无事,记起来自己最近用浏览器调试真的很难受,老是打印的信息显示在 transform.js 里面,然后一点开就跑到很复杂的打包后的代码里面去了,菜鸟是百思不得其解,代码不管怎么改都是这样!
具体提示行数为:
transform.js?unpluginname=unplugin-vue-components!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginname=unplugin-auto-import!./node_modules/babel-loader/lib/index.js??clonedruleset-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleset[0].use[0]!./src/views/services/services.vue?vue&type=script&setup=true&lang=js:194
菜鸟之前的做法都是在打印前面加一些字符串,让我知道是不是那里打印的!
但是菜鸟感觉这可不是长久之计,但是怎么改代码都没效果,那估计就是浏览器的原因了,果然我把代码放到 Edeg 上,打印的信息就是对的,我是万万没想到!
所以对照着 Edeg 的设置一行一行的对比,总算发现了问题所在,具体步骤:


然后把自定义排除规则给删除了就行,菜鸟这是已经删除后的截图!
菜鸟也不知道啥时候点错了,加了一个规则进去了!!!
本文讲述了作者在使用Vue.js开发时遇到的浏览器调试问题,由于打包后的transform.js文件复杂,导致信息打印混乱。通过在Edge上测试并发现是自定义排除规则的问题,最终解决了在浏览器上的打印问题,只需删除错误的自定义规则。
2286

被折叠的 条评论
为什么被折叠?



