Vue.js devtool插件安装后 Vue.js not detected

最新推荐文章于 2024-05-16 16:59:31 发布
最新推荐文章于 2024-05-16 16:59:31 发布
阅读量232 收藏 1
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qianhuan_/article/details/103592094
版权 
1.找到插件的安装目录，一般在
C:\Users\htj\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.3_0

2.修改manifest.json 中background 的 persistent 的属性为true

3.浏览器打开拓展程序的Vue.js devtools 查看详情，勾选上：允许访问文件网址

4.再次f12即可看到

 

qianhuan_
关注
专栏目录
【vue.js】安装vue.js devtools插件后vue.js is not detected问题
weixin_39068791的博客
08-04 8608
解决了chrome浏览器更新后安装插件的问题，还没来得及高兴，我就发现我家刚装的小图标都不带亮一下的！ 我的： 人家的：   真的是，哇的一声哭出来！！！   那么问题到底在哪里呢？？看了几篇大佬写的解决办法之后总结如下：   第一步：打开一个vue写的网站（比如哔哩哔哩），如果图标亮了，那你的插件就是没有问题的！！！ 我才不会说我之前没发现这个问题花了好多时间............
Vue Devtools调试工具安装和vue.js not detected解决办法
weixin_44022586的博客
03-03 1022
Vue Devtools调试工具安装和vue.js not detected解决办法： 下载安装包地址：https://link.csdn.net/?target=https%3A%2F%2Fpan.baidu.com%2Fs%2F1vKcb1pTQ0oITRBzr190Thg 提取密码：k0s1 将下载的文件进行解压，解压完之后，文件内容如下： 打开谷歌浏览器，点击右上角，选择更多工具按钮，选择扩展程序，然后将之前解压的Vue.js Devtools_5.3.3_chrome.zzzmh.cn.crx文
安装Vue Devtools插件成功后使用提示Vue.js not detected
热门推荐
Orcas
11-03 3万+
问题： 装完Vue Devtools，想用来查看用vue.js写的页面，然而却发现图标灰色，无法使用，提示检测不到Vue.js。 What??? 我如果没使用Vue.js页面怎么可能显示出数据？？ 然后另一边我正在写博客，在Markdown编辑页面上，它就给我亮了起来。 果然一看，这不又能好好用了吗阿喂，插件好用着呢！ 解决？： 爬了很多文，最后通过修改插件目录下manifest.json后成...
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
追求卓越583的博客
08-30 4280
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
解决Vue.js Devtools未检测到Vue实例的问题
球球不吃虾WHR2349博客
01-09 2794
在开发Vue.js应用时，Vue.js Devtools是一个不可或缺的调试工具。它能帮助开发者实时查看并操作Vue组件的状态、数据和方法等信息。然而，有时我们可能会遇到“Vue.js not detected”的提示，这意味着Vue.js Devtools未能成功识别和连接到我们的Vue应用。本文将详细解析这个问题，并提供相应的解决步骤与代码示例。在检查Vue.js是否已正确加载时，我们需要确保Vue库已经被正确引入并可供项目中的JavaScript代码使用。
Vue.js devtool插件安装后无法使用的解决办法
01-21
我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not detected，无法正常使用呢？对于这样的问题，新人可能会花费很多时间去找答案，今天我们就来整理了解决方法，希望对大家有帮助。 ...
Vue-Devtools.2.6.10.zip
12-04
Vue.js 是一个流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。Vue Devtools 是一个专为Vue.js应用程序设计的强大开发者工具，它允许开发者在浏览器的开发者工具中进行实时查看和调试Vue应用。这个...
vue.config.js 多环境配置
发果叁
10-28 852
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。
解决vue.js not detected
fhvhdfhfh的博客
01-10 1101
在谷歌或者edge安装了Vuejs Devtools扩展程序，但是运行自己写的页面，vue图标没有亮起来，控制台也没有Vue选项，悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了。选择一个点击 “添加至Chrome”即可，我添加的是列表的第一个，大家可以根据需要进行选择。如果你的vue图标变亮了就说明扩展程序生效的，所以可能是浏览器设置问题导致图标不会亮。
devTools变灰，提示Vue.js not detected
最新发布
weixin_47875472的博客
05-16 225
谷歌devtools不能使用，变灰，提示vue.js not detected
在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected
丑小鸭变黑天鹅的博客
03-05 3421
在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected 学习vue框架的时候，在谷歌浏览器安装了Vue.js devtools插件，写了一个入门的helloworld，程序没问题，可是在谷歌浏览器插件图标始终不亮，并且显示Vue.js is not detected，上网找资料，有一个很复杂，但最终也没解决问题，于是打开了插件详情，偶然间发现问题所在，直接上图。 ...
vue-devtools安装后显示vue.js not detected
weixin_50680057的博客
09-21 947
vue
【前端】vue devtools报错Vue.js not detected
weixin_44487904的博客
10-14 380
Vue.js not detected
vue-devtools安装以及解决安装vue插件后显示vue.js not detected的情况
weixin_44293949的博客
08-18 3081
首先下载vue插件，不推荐使用git，容易出错，耗时长 可以直接使用 这个收藏猫插件中提供的Vue.js devtools 关注后即可直接下载crx插件到本地，然后拖拽或添加我们浏览器的扩展程序中。此时vue.js插件已经安装好 但是浏览器中打开vue项目，vue图标依然灰色，，控制台中也没有显示vue调试工具。 鼠标放在vue图标上显示”vue.js not detected“ 在windows本地C盘中找到扩展程序的安装目录，然后打开manifest.json文件，将第三行中的false改成true
Vue.js devtool插件安装后无法使用，鼠标点击提示“vue.js not detected”
fool_fool_fool的博客
04-16 455
安装Vue.js devtool插件后，自己写的页面无法使用该插件，提示“vue.js not detected”，网上查找原因说是要修改插件代码（图一、图二），但是修改完发现还是不行，后来无意中在插件详细信息中看到“允许访问文件网址”选项（图三、图四），勾选之后再回过头来刷新一下自己写的页面， 哎 可以了！ ...
安装Vue Devtools工具，提示Vue.js not detected的解决方案
vincent_yy的博客
01-19 9112
问题： 以下是对于两种浏览器的解决方案 一.火狐 1.在拓展程序里搜索vue，找到对应插件安装 2.运行自己的vue项目，vue图标   二.谷歌 1.下载.crx谷歌插件文件 2.拖拽.crx文件到谷歌浏览器拓展程序页面 chrome://extensions/ 3.修改vue插件的mainfest.json文件 路径：C:\Users\XX\AppData\Loc...
Vue.js not detected解决——使用vue开发工具vue-devtools调试本地文件出错
qq_38243612的博客
04-14 1146
问题：使用vue开发工具vue-devtools调试本地文件显示Vue.js not detected，F12后，控制台无VUE，访问vue网络站点，显示VUE 安装vue-devtools最新版可参考： https://blog.csdn.net/qq_38243612/article/details/105500020 解决： 1、先检查问题是否是我这种，访问vue翻译站，按F12看...
解决vue.js出现Vue.js not detected错误
qq_31539817的博客
01-19 2万+
第一：在拓展应用的文件夹中找到文件manifest.json，打开并将此处的false改成true。 第二：在vuejs devtool拓展程序的详情页中开启以下两个选项 如果你看到这，恭喜你，看到全网解决这个问题的方法！！！！ 以上都是网上有的，但是会有一个小坑， 让很多人。。。。痛。。。。不。。。。欲。。。。生！ 看第三步打脸教程 第三：这一步初学者特别容易搞错，开启vuejs devtools程序之后，点击图标还是无法点亮图标。主要的原因是vuejs devtool必须要监视到页面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值