Vue devtools 在控制台不显示

最近在接手了一个 vue 2.6.10 的项目
启动后发现在浏览器的控制台上不显示 Vue DevTools。
找了一下午的原因,包括在项目中配置了
Vue.config.devtools = true
仍然是没有效果。最后经过不断的测试,最后终于调整出来了

总结一下我发现的一些原因,为大家提供一些思路。

1. 要使用老的 Vue DevTools 比如使用 V5 的版本。V6 也能显示,但是V5 才是 vue2 的工具
2. 关闭无关的插件
3. 不要同时开启 V7 与 V5 插件

V5 下载地址
点击 V7 插件的提示框中的超链接


下面是超链接内容
https://chromewebstore.google.com/detail/vuejs-devtools-v5/hkddcnbhifppgmfgflgaelippbigjpjo
如果不能访问的小伙伴,就只能自己想想办法咯

我找到了一个下载版本,但是我并未去验证。看博主的文章里的版本与我的是一致的。大家可以自己尝试一下
Vue的开发者调试工具(devtools5.3.4)安装

有影响的插件,我这里只测试出来了两个

  1. Adobe Acrobat:PDF 编辑、转化、签名工具
  2. Vue.js devtools 7.7.0

这两个插件只要打开了,控制台就无法显示 Vue

最后祝大家工作顺利,升职加薪,不加班。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容