Chrome 调试Vue 项目,不显示 console.log 日志

541 阅读1分钟

前置条件:

  • Chrome 浏览器(当前最新版本)
  • Vue2.x 项目

问题描述:

在 Vue2 项目中,需要打印一个点击事件的参数值,写好 console.log(type) 后,当使用 Chrome 调试时,发现控制台无法打印出 console.log 的参数值,即 type 的值。

解决

根据控制台给出的提示信息:

image.png

卸载了 Chrome 中的 Vue.js 自带调试插件:

image.png

重启 Chrome 浏览器即可解决问题。

总结:

因为 Vue 自带调试扩展和当前 Vue 项目版本不一致导致 console.log 无法打印参数值。去掉后重启浏览器即可。

参考:

www.cnblogs.com/yalong/p/94…