Vue组件调试遇到的坑,触发断点,但没有进入对应的文件

Vue组件调试遇到的坑,触发断点,但没有进入对应的文件

今天遇到这样一个问题

我再一个index.vue组件里调试,写下一个debugger,在运行时,也确实触发了断点,但显示的文件却不是我打断点的那个文件

而是在index.vue上级的一个index.vue 

一句话描述就是:在vue组件里打断点,没有进入对应的文件. 触发了断点,但进入的文件却不是打断点的文件.

在搜索无望的情况下,我怀疑是index.vue文件重名的原因导致的.于是把打断点的index.vue改了一个不会重名的文件名

再次运行,完美的进入了打断点的文件.

坑爹的同事,每个目录都创建了一个index.vue,导致调试的时候,始终无法进入对应的文件.不知道这个是不是官方的bug

 

于是得出结论,遇到调试组件时 打断点无法进入对应的文件,请检查调试的组件是否有重名的组件被加载,如果有修改文件名再试