关于vue项目浏览器debugger失效问题

1. 不生效场景演示如下图:

2. 解决办法, 打卡谷歌浏览器的设置, 按键盘F12或者点击设置->更多工具->开发者工具,操作如下图所示:

3. 在打开的开发者工具中找到右上角的设置图标并点击它, 操作如下图所示:

4. 打开设置后找到左侧的菜单列表, 选择Ignore List后能看到有一个Custom exclusion rules, 去掉前面的选中状态即可, 操作如下图所示:

5. 最后回到触发debugger事件里再次调试时, 就能看到debugger可以生效了, 操作如下图所示:

参考链接:https://jingyan.baidu.com/article/f25ef254ec1462092c1b82c2.html