浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色

最新推荐文章于 2024-03-27 13:48:16 发布
最新推荐文章于 2024-03-27 13:48:16 发布
阅读量7.7k 收藏 27
点赞数 4
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55966654/article/details/127246368
版权

在这里插入图片描述

解决方法：

1.查看扩展程序

方法：点击浏览器右上角三个点→更多工具→扩展工具，确保这两个键是打开状态
在这里插入图片描述

2.点击详细信息（如图）→将这俩按钮打开

在这里插入图片描述

在这里插入图片描述

3.若vue标识还是灰色

在浏览器中输入 chrome://version/,找到个人资料路径，复制该路径，在电脑中找到该路径下的Extensions→插件文件名→manifest.json，将manifest.json中第三行代码改为： “persistent”: true
在这里插入图片描述
拓展程序详情中的id就是他的插件名
在这里插入图片描述

若找不到AppData路径，说明它被隐藏了，将隐藏项目进行展示
在这里插入图片描述
在这里插入图片描述

重新打开项目就可以看见vue标签了

Simplicity438
关注
  • 4
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于chrome浏览器中使用Vue Devtools控制台没有vue选项的问题
weixin_40285832的博客
04-07 1万+
学习Vue过程中,得知有一个好用的插件即Vue devtools 下载就不说了,谷歌应用商店就可以找到,或者离线安装都可以 下载完成之后,正常情况打开,如图配置一下就可以使用了 可是我配置好了以后,控制台就是没有vue选项,不论如何就是调不出来, 参阅了https://blog.csdn.net/weixin_42664784/article/details/87858814 这篇博客以后发现...
vue.js (2.6.11)、vue devtools、vue页签不显示的解决 办法
04-03
学习vue，安装vue devtools后，按F12发现无法显示vue页签，百度后原因有二：1.vue.js(2.6.11)文件应该是无压缩、调试版本的；2.需要在vue devtools控制面板中勾选“在无痕模式下启用”、“允许访问网站文件”。本资源包含vue调试版本的无压缩文件、以及vue devtoosl离线安装插件。
浏览器扩展程序增加 vue_dev_tools 调试工具
最新发布
流放深圳
03-27 632
在做 Vue 项目的开发时，我们经常需要在页面上调试，接下来介绍如何在浏览器扩展程序增加 vue_dev_tools 调试工具
Vue3开发工具设置好后在开发者工具中找不到“vue”面板？
mx_programmers的博客
03-02 444
chrome。
vue.js devtools图标不亮 && 安装完vue.js tools后控制台没有vue
qq_52317104的博客
09-01 773
1、安装谷歌扩展程序后运行有意义的文件若还不亮还不量 2、管理谷歌拓展程序 => 允许访问文件地址
安装了VueDevtools插件但在控制台不显示Vue的解决方案
IT13333的博客
07-06 8077
出现问题 安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 分析原因 第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选 https://github.com/vuejs/vue-devtools 1. If the page uses a production/minified build of Vue.js, devtools in
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3174
chrome安装vue插件控制台不显示
控制台中没有vue
weixin_44628177的博客
05-12 904
vue有两个文件，一个开发版本（体积大），一个生产版本（体积小） 一般情况下只有用的是min版本的才会出现这种情况，但是这次使用不知道怎么使用开发版本的也没有了vue vue的图标是亮着的，但是控制台就是没有vue 于是我在代码中加了一句，发现可以了 Vue.config.devtools = true; ...
关于控制台没有VUE选项
qq_50730710的博客
03-25 577
然而下面没有vue这个选项，那么需要在js代码中添加 Vue.config.devtools = true;当上面图标亮起时，点击图标显示。
打开谷歌浏览器没有vue插件
qq_45676823的博客
04-04 486
从idea打开url浏览地址粘贴到谷歌浏览器进行访问，打开控制台发现有了vue了。重新打开谷歌浏览器，
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
m0_51249573的博客
12-10 3624
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
vue在index.html中引入静态文件不生效问题及解决方法
11-28
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入...
解决vue中axios设置超时(超过5分钟)没反应的问题
11-19
于是通过资料查询，了解到Chrome浏览器，默认请求超时为五分钟，所以导致上诉现象产生，可如何在vue中修改浏览器超时？ 直接上代码： 我们可以在config文件中index.js，配置timeout即可，这里是vue2环境（vu3相同） ...
解决vue数组中对象属性变化页面不渲染问题
01-19
Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse() 你打开控制台，然后用前面例子的 items 数组调用变异方法：example1....
解决vue 路由变化页面数据不刷新的问题
08-27
下面小编就为大家分享一篇解决vue 路由变化页面数据不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue“新手坑”之控制台没有vue
Jafe的博客
03-31 7359
经历描述 （描述我尝试的一些解决办法） 我按照了网上的一些教程，以crx格式的文件导入到谷歌浏览器作为插件，不料出现这个问题： 图中可以发现，V的标志是亮的，但是控制台没有“vue”的字样显示。 代码（基本上是官网的，不应该有太大的问题） 于是，我尝试了好多方法，当然都没有解决，各位可以看下，是否有相同经历。 找到扩展包的安装路径，找到“manifest.json”这个文件，将"persi...
vue devtools在控制台无法显示的问题解决
luoxiping1的专栏
06-12 399
在浏览器控制台没有显示vue，用了很多方法都没有解决，告诉你一个非常简单的解决办法： 下载 vue devtools beta版本
谷歌Vuex插件Vue.js devtools安装后控制台不显示的问题
xiaohu_haha的博客
03-20 2641
插件安装后，打开浏览器右上角有灰色的图标显示但是打开控制台却没有vue的提示，这种情况是因为你打开的只是一个谷歌浏览器页面，此页面并不是项目的页面，就会只有右上角显示灰色图标，如果页面是打开的项目页面，右上角图标会变成彩色，并且F12后控制台会有Vue的标题。
安装了vue.js devtools，但是控制台不显示。
qq_41973850的博客
02-11 1224
关于安装了vue devtools，但是在控制台看不到显示的问题。解决方案：打开扩展详情，勾选 允许访问文件url。问题：已经安装过devtools插件，但是控制台不显示。
vue devtools控制台不显示
03-16
您好，如果您的Vue Devtools控制台不显示，您可以尝试以下解决方法： 1. 确认您已经安装了Vue Devtools插件，并且已经启用了它。 2. 确认您的Vue应用程序已经启动，并且正在运行。 3. 确认您的Vue应用程序已经连接到Vue Devtools插件。您可以在Chrome浏览器的开发者工具中查看控制台输出，以确认是否连接成功。 4. 如果您的Vue应用程序是使用Vue CLI创建的，请确保您已经安装了Vue CLI插件，并且已经正确配置了Vue Devtools插件。 如果您仍然无法解决问题，请尝试重新安装Vue Devtools插件，并确保您的浏览器和Vue应用程序都是最新版本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值