解决安装了Vue-devtools插件,但浏览器的控制台不显示Vue的问题
今天在安装Vue-devtools插件的时候,发现控制台一直不显示vue选项,如图
以下是正常显示Vue的页面
在网上找了很多方法都没用,最后终于解决,于是给大家分享一下我的解决方案。
解决方案
我使用的是Chome浏览器,在管理扩展程序页面打开vue.js devtool的详情页,选择固定到工具栏
此时在浏览器右上角出现了Vue的图标,我们在浏览器中打开自己的项目,发现是高亮状态,但控制台还是没有显示Vue。点击这个图标出现以下内容。
这个提示说明我安装的 Vue DevTools v7 仅支持 Vue 3,而我的项目是 Vue 2,所以无法正常工作。所以只需要卸载当前版本,下载旧版本的Vue DevTools v6 就解决了。
在 极简插件官网 重新安装了旧版本后,重新打开浏览器,打开自己的项目,就能成功显示Vue啦。
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。