最近在接手了一个 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)安装
有影响的插件,我这里只测试出来了两个
- Adobe Acrobat:PDF 编辑、转化、签名工具
- Vue.js devtools 7.7.0
这两个插件只要打开了,控制台就无法显示 Vue
最后祝大家工作顺利,升职加薪,不加班。