关于Vue中debugger定位失效问题
相信很多人进行项目配置的时候都会这样命名xxx/index.vue可能刚开始这样的命名并没有什么问题,但是当index.vue文件多起来之后,当你debugger的时候可能就会发现,找不到你要定位的文件了,但是我们这样的文件命名确实是符合规范的,所以我们就需要找到一个解决的办法这个问题的答案网上一搜一堆,但是无非就是设置source-map,但是真的管用吗,至少我试过很多次是不管用的直到有一次,偶
·
希望该文章能对你有所帮助,能够少走一些弯路
相信很多人进行项目配置的时候都会这样命名xxx/index.vue
可能刚开始这样的命名并没有什么问题,但是当index.vue
文件多起来之后,当你debugger的时候可能就会发现,找不到你要定位的文件了,但是我们这样的文件命名确实是符合规范的,所以我们就需要找到一个解决的办法
这个问题的答案网上一搜一堆,但是无非就是设置source-map
,但是真的管用吗,至少我试过很多次是不管用的
直到有一次,偶然发现了一个方法,可以解决这个问题,虽说有点取巧,但是确实是真的解决了
方法如下
-
首先,我们先打开要
debugger
的页面,然后打上debugger
,然后我们先让页面进入调试模式,然后直接F8
让断点执行
-
然后我们可以改变该页面中的代码,保存,这时候页面会重新进入
debugger
模式
-
这时页面重新进入
debugger
,就会定位到我们打断点的地方了,如果没有定位到,可以按一下F10
进入下一步,应该就可以定位到了
更多推荐
已为社区贡献1条内容
所有评论(0)