解决Vue Devtools安装成功后无法启用Vue.js not detected问题

最新推荐文章于 2024-05-16 16:59:31 发布
最新推荐文章于 2024-05-16 16:59:31 发布
阅读量2.4k 收藏 2
点赞数 1
分类专栏： vue.js devtools 文章标签： vue vue.js devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HEIWMM/article/details/88780868
版权

1.第一种解决方法和网上的都大致相同

  • 找到扩展程序安装目录C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\4.1.5_0
  • 通常情况下APPdata文件夹都被隐藏了，需要自己去设置一下
  • 打开mainifest.json文件，将false改为true
    在这里插入图片描述
    2.以上都是网上大部分的做法，但实际上我的问题还是没有解决，看了更改webpack.config.js的方法但是也没有什么效果，不过我个人解决的方法却很简单
  • *chrome://extensions/*打开扩展程序页面，找到安装好的vue.js devtools，点击详细信息
  • 关键的来了在这里插入图片描述
  • 打开这个选项再去刷新一下你的页面就可以了
HEIWMM
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-device-detector-js:用于客户端设备检测的 vuejs 插件
05-30
vue-device-detector-js vue 包装 安装 npm i vue - device - detector - js 设置 视图 //add code to main.js import device from 'vue-device-detector-js' ... Vue . use ( device ) . . . 纽斯特 //create device.js file in /plugins dir then add code below import Vue from 'vue' import device from 'vue-device-detector-js' Vue . use ( device ) //add code to nuxt.config.js . . . plugins : [ { src : '~/plugins
Vue.js devtools 6.5.1
04-18
Vue.js devtools 是一款用于 Vue.js 应用程序开发的浏览器扩展工具，它可以帮助开发者更轻松地调试和分析 Vue.js 应用。这个扩展提供了诸如组件树、状态管理器、事件触发、性能分析等功能，使开发者可以更好地理解和...
Vue.js devtools无法使用，显示Vue.js is detected的解决办法
树袋熊的博客
03-26 6481
Vue的chrome测试工具的错误解决办法
devTools变灰，提示Vue.js not detected
weixin_47875472的博客
05-16 156
谷歌devtools不能使用，变灰，提示vue.js not detected
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
追求卓越583的博客
08-30 3713
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
vue-devtools安装后显示vue.js not detected
weixin_50680057的博客
09-21 877
vue
解决Vue.js not detected的问题（Vue.js devtools变灰色）
weixin_43465508的博客
06-26 1564
此时发现图标不再是灰色的，也不出现Vue.js not detected，如果是亮的，就可以证明，安装的没问题，不用重新安装，如果是灰色的，则是安装包的问题，重新安装，直到在这个网站能变成亮的。今天在谷歌商店下载安装了Vue.js devtools,但是出现了图标是灰色，鼠标移过去是Vue.js not detected的问题。下面就是解决自己的网页，颜色是灰色的问题了，右键选择，管理扩展程序。首先呢，要去找一个有vue.js写的网站，比如。然后刷新一下网页，亮了就可以开心的使用了。
vue-devtools安装以及解决安装vue插件后显示vue.js not detected的情况
weixin_44293949的博客
08-18 2985
首先下载vue插件，不推荐使用git，容易出错，耗时长 可以直接使用 这个收藏猫插件中提供的Vue.js devtools 关注后即可直接下载crx插件到本地，然后拖拽或添加我们浏览器的扩展程序中。此时vue.js插件已经安装好 但是浏览器中打开vue项目，vue图标依然灰色，，控制台中也没有显示vue调试工具。 鼠标放在vue图标上显示”vue.js not detected“ 在windows本地C盘中找到扩展程序的安装目录，然后打开manifest.json文件，将第三行中的false改成true
解决Vue.js not detected的问题
热门推荐
UaoSonic
05-03 13万+
前几天遇到了一个问题，在安装完Vue.js devtools后，打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色，点击图标显示Vue.js not detected，打开控制台也没有发现有vue的选项 网上找了很多解决方案都没有解决，大部分都是让重新安装Vue.js devtools，搞了大半天终于解决了。 我们先看看Vue.js devtools是否生...
vue.js not detected问题解决
DIUDIUjiang的博客
09-19 8007
最近在看vue的时候，发现之前装过的vuedevtools提示vue.js is not detected。
解决vue.js not detected
fhvhdfhfh的博客
01-10 828
在谷歌或者edge安装了Vuejs Devtools扩展程序，但是运行自己写的页面，vue图标没有亮起来，控制台也没有Vue选项，悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了。选择一个点击 “添加至Chrome”即可，我添加的是列表的第一个，大家可以根据需要进行选择。如果你的vue图标变亮了就说明扩展程序生效的，所以可能是浏览器设置问题导致图标不会亮。
vuedevtools.6.5.0
07-27
Vue.js 是一款流行的前端JavaScript框架，它以简洁的API、高效的数据绑定和组件化开发而闻名。Vue DevTools 是一个强大的开发者工具，专为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.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
vuedevtools离线包安装
03-23
Vue DevTools 是一款强大的前端开发工具，专门为 Vue.js 应用程序设计，它允许开发者在浏览器的开发者工具中检查和调试 Vue 实例。这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定...
【怎样解决Vue.js not detected问题】
weixin_44147551的博客
01-08 680
Vue.js not detected” 的问题可能有多种原因，通常是因为 Vue.js 没有正确加载或初始化。
笔记222222222222222222222222222222
最新发布
08-04
笔记222222222222222222222222222222
仿拉钩App小程序.rar
08-04
小程序的设计源码通常包含多个文件和文件夹，组织结构清晰，以便开发者能够快速上手并进行定制化开发。主要文件和文件夹包括： 页面文件夹：存放小程序的各个页面，每个页面通常由.wxml、.wxss、.js和.json文件组成。WXML文件负责页面的结构，类似于HTML；WXSS文件负责样式，类似于CSS；JS文件负责页面的逻辑和交互；JSON文件用于页面的配置，如导航栏标题等。 组件文件夹：存放可复用的UI组件。组件与页面类似，也由.wxml、.wxss、.js和.json文件组成。通过组件化设计，可以提高代码的复用性和维护性，减少重复工作。 静态资源文件夹：存放图片、音频、视频等静态资源，便于在小程序中引用。这些资源通常放在一个名为assets或static的文件夹中。 配置文件：小程序的根目录下通常有一个app.json文件，用于全局配置，如页面路径、导航栏样式、底部Tab栏等。此外，还有app.wxss和app.js文件，分别用于全局样式和全局逻辑。 工具文件夹：存放一些工具函数和库文件，便于在小程序中调用。这些文件通常放在一个名为utils的文件夹中。
怎么解决Vue.js not detected的问题
12-22
根据提供的引用内容，解决Vue.js not detected的问题可以尝试以下方法： 1. 确保Vue.js已正确安装：首先，确保你已经正确地安装了Vue.js。你可以通过在浏览器的开发者工具中查看页面的源代码来确认是否引入了Vue.js的脚本文件。如果没有引入，你需要将Vue.js的脚本文件正确地添加到你的项目中。 2. 检查Vue.js devtools插件是否正确安装：如果你已经安装了Vue.js devtools插件但仍然出现问题，可以尝试重新安装插件。首先，从谷歌商店中卸载Vue.js devtools插件，然后重新下载并安装插件。确保你下载的是最新版本的插件，并按照安装说明进行操作。 3. 检查浏览器兼容性：Vue.js devtools插件可能不兼容某些浏览器版本。请确保你正在使用Vue.js devtools插件支持的浏览器版本。你可以查阅Vue.js官方文档或插件的说明来获取更多关于浏览器兼容性的信息。 4. 检查Vue.js版本：如果你的项目中使用的是较旧版本的Vue.js，可能会导致Vue.js devtools插件无法正常工作。尝试升级到最新版本的Vue.js，并确保你的项目与Vue.js devtools插件兼容。 5. 清除浏览器缓存：有时候，浏览器缓存可能会导致Vue.js devtools插件无法正常工作。尝试清除浏览器缓存并重新加载页面，然后再次检查是否解决了Vue.js not detected的问题。 6. 查看控制台错误信息：打开浏览器的开发者工具，查看控制台中是否有任何与Vue.js相关的错误信息。这些错误信息可能会提供有关问题的更多线索，帮助你解决Vue.js not detected的问题。 希望以上方法能够帮助你解决Vue.js not detected的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值