平常开发中,借助debugger,能够快速定位问题。然而在前段时间的工作中,忽然遇到这么个奇怪的问题, debugger “出轨”了,竟然定位不到需要定位的位置,苦于任务重时间紧,就只能先暂时放弃, 用打印的方式来定位问题,但这种方式就是效率低。在复杂的业务逻辑中,要打印很多的数据,通过打印的结果,去分析问题,还是比较费眼和费脑。
此刻工作稍微闲下来了,开始研究这个奇怪的问题。顺便记录下解决的经过。
问题
刚开始, 我觉得可能是自己浏览器的问题,于是让其他同事,也试试,结果和我遇到的一样。
于是,通过网上查找资料,有说是EsLint 的配置问题, 需要在eslint 的rules 里面 配置 no-debugger,结果失败
我怀疑会不会是项目中的插件引起的,我就重新创建了个干净的 项目,试验了一下,debugger可以正常营业。回到工作的项目中去, 我尝试将怀疑的插件去掉,结果失败。
最终解决方法
- 在浏览器的开发者工具中, 点击下图中指定图标,打开设置
- 去掉下图中的勾选项
- 最终debugger回到正轨了