Vue Devtools安装成功后无法启用Vue.js的问题

最新推荐文章于 2024-03-14 18:17:58 发布
最新推荐文章于 2024-03-14 18:17:58 发布
阅读量838 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39111384/article/details/105617249
版权

解决方法：
1、打开允许访问文件网址的开关
在这里插入图片描述
2、设置配置文件
在这里插入图片描述
3、设置配置文件，将production===> development ，此时F12打开控制台，就会出现Vue
在这里插入图片描述
4、解决成功

在这里插入图片描述

雪爪鸿泥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 2824
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
vue.js devtools插件安装后不显示Vue选项
liberty888的博客
03-14 882
vue.js devtools插件安装后不显示Vue选项
添加vue devtools扩展工具+添加后F12不显示Vue图标
MRJJ_9的博客
08-14 2726
vue devtools扩展程序添加 添加后F12没有出现Vue图标
谷歌Vuex插件Vue.js devtools安装后控制台不显示的问题
xiaohu_haha的博客
03-20 2612
插件安装后，打开浏览器右上角有灰色的图标显示但是打开控制台却没有vue的提示，这种情况是因为你打开的只是一个谷歌浏览器页面，此页面并不是项目的页面，就会只有右上角显示灰色图标，如果页面是打开的项目页面，右上角图标会变成彩色，并且F12后控制台会有Vue的标题。
解决Vue.js Devtools未检测到Vue实例的问题
球球不吃虾WHR2349博客
01-09 2002
在开发Vue.js应用时，Vue.js Devtools是一个不可或缺的调试工具。它能帮助开发者实时查看并操作Vue组件的状态、数据和方法等信息。然而，有时我们可能会遇到“Vue.js not detected”的提示，这意味着Vue.js Devtools未能成功识别和连接到我们的Vue应用。本文将详细解析这个问题，并提供相应的解决步骤与代码示例。在检查Vue.js是否已正确加载时，我们需要确保Vue库已经被正确引入并可供项目中的JavaScript代码使用。
安装了VueDevtools插件但在控制台不显示Vue的解决方案
IT13333的博客
07-06 8004
出现问题 安装好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
已经安装好vue-devtools插件 右击检查看不到还是vue选项
m-dididid的博客
04-08 1666
情况1：打开的不是本地运行起来的系统 必须是开发模式下（即本地运行）才能看到，如果你打开的是已经放到服务器上面的链接，就是看不到的 情况2：使用外部引入vue.min.js的方式使用的vue 引入的是vue.min.js文件，这种压缩版的是默认不支持调试的，改为引入vue.js即可 ...
解决Vue.js devtools插件成功装上，却在控制台中找不到的问题
CCCCt1的博客
07-29 8561
在Vue.js devtools这个插件安装成功后是可以在浏览器的右上角可以见到这个图标，如下图所示： 当然，现在我们要解决的是为什么安装好了，在控制台却找不到这个插件： 首先第一种方法是： 修改文件：vue-devtools-master/shells/chrome/manifest.json如下图所示： 如果这个方法不行，就换下一种方法： 第二种方法： 按F5+F...
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
m0_51249573的博客
12-10 3586
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
Vue.js devtools 6.5.1
最新发布
04-18
Vue.js devtools 是一款用于 Vue.js 应用程序开发的浏览器扩展工具，它可以帮助开发者更轻松地调试和分析 Vue.js 应用。这个扩展提供了诸如组件树、状态管理器、事件触发、性能分析等功能，使开发者可以更好地理解和...
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_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件
03-28
（3）安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的压缩包解压后的“ vue_devtools_chrome_5.3.4.crx ”拖到Chrome上去即可安装； （4）如果安装的时候...
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-...
Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome.zip
03-28
（3）安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的压缩包解压后的“ Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome.crx ”拖到Chrome上去即可安装；...
处理“Vue Devtools在浏览器F12下不显示了”
urnottalent的博客
12-28 5614
处理 “Vue Devtools在浏览器F12下不显示了” 日常分享一句话： 今天这句话来自李宇春《清福》这首歌的一句歌词，“等云舒 等风来 等花慢慢开”，疫情打乱了我们的生活和许多计划，但要相信生活依然很美好，计划也会走上日程。 正文开始！！! 问题 在练习vue框架案例时，要调试一下，于是打开了F12（开发者工具），可是之前能看到的“Vue”调试按钮不见了。 分析 于是我就尝试了各种操作，比如： 把Vue Devtools插件重新启用，不行； 把浏览器也关闭重新打开，还是不行。 再然后，回
解决Vue.js devtools 工具在Chrome浏览器中F12后控制台不显示的问题
IT界幼稚生的博客
09-01 3851
问题： 最近开发vue项目中，为了更好的调试程序，安装了vue.js devtools调试工具，安装成功了之后浏览器右上角出现了图标，同时在vue的页面下不能点亮，控制台上也没有vue的页签。 解决方法： 最后是在扩展程序中把vue.js devtools的允许访问文件网址和在隐身模式下启用两项配置开启后就可以了。 ...
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
热门推荐
thirteen_king13的博客
10-16 1万+
在安装完Vue.js devtools后，打开自己写的vue网页，发现右上角vue图标是灰色，而且通过F12打开控制台也没有Vue这个选项。 通过上网查询： 提到最多的是打开Vue扩展程序，打开无痕模式（隐私模式）下启用，和允许访问文件网址，这两项。 对于自己的还是没有用，鼠标左键点击Vue图标（扩展程序已将Vue固定到了页面）会出现提示类文字。 情况一： Vue.js not detected ，Vue图标是灰色，这种情况通常可以通过上面那个方法解决。 情况二： Vue图标是高亮的，但是控制台没有Vu
vue.js的devtools安装
09-13
7. 加载完成后，您将在扩展程序页面中看到Vue.js devtools插件已添加成功。 8. 您可以点击该插件的图标来打开插件的调试面板，以便调试Vue应用程序。 根据引用的内容，Vue.js devtools插件的安装还有第三种方法，即...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值