Vue3 - 项目中使用 debugger 在 chrome 谷歌浏览器中失效

前言

在 Vue 应用中,debugger; 语句用于在代码中设置断点,以便在浏览器的开发者工具中进行调试。

这个语句会使得代码在执行到这一行时停止,你可以查看当前的变量值、调用堆栈等信息。

问题

在需要调试的地方,加上 debugger; 后,在浏览器开发者工具中,发现断点没有生效。

解决方案

1.在开发者者工具页面,找到这个设置图标。

2. 切换到 Ignore List,找到 Custom exclusion rules 配置,取消勾选 [/node_modules/|/bower_components/]

3.这样就正常了。

取消候选后,断点就出来了。

 

 如果其他选项卡断点没有出来,请检查这个地方是否勾选了。

最近更新

  1. TCP协议是安全的吗?

    2024-05-13 05:10:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-13 05:10:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-13 05:10:07       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-13 05:10:07       20 阅读

热门阅读

  1. 【GoLang基础】defer关键字有什么作用?

    2024-05-13 05:10:07       12 阅读
  2. 算法训练营day33

    2024-05-13 05:10:07       14 阅读
  3. C++:完美转发(一)(std::forward)

    2024-05-13 05:10:07       12 阅读
  4. Gone框架介绍15 - 使用traceId追踪日志

    2024-05-13 05:10:07       13 阅读
  5. Nginx使用详解

    2024-05-13 05:10:07       12 阅读
  6. Agent AI智能体:未来社会的角色、发展与挑战

    2024-05-13 05:10:07       12 阅读
  7. 算法训练营day34

    2024-05-13 05:10:07       11 阅读