【前端】vue devtools报错Vue.js not detected

最新推荐文章于 2025-03-16 20:08:21 发布

weixin_44487904

最新推荐文章于 2025-03-16 20:08:21 发布

阅读量415

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44487904/article/details/127323220

版权

先确认vue版本

如果是vue3的话，将vue devtools更新到最新版。

修改manifest.json

相对目录大概为

Edge\User Data\Default\Extensions\olofadcdnkkjdfgjcmjaadnlehnnihnl\


   "background": {
      "persistent": false,    //改为true
      "scripts": [ "build/background.js" ]
   },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_44487904

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue-devtools

06-06

chrome的vue-devtools插件；版本为4.1.4；安装方法：打开chrome://extensions/——将解压后的目录拖入即可

Vue.js devtools 6.5.1

04-18

Vue.js devtools 是一款用于 Vue.js 应用程序开发的浏览器扩展工具，它可以帮助开发者更轻松地调试和分析 Vue.js 应用。这个扩展提供了诸如组件树、状态管理器、事件触发、性能分析等功能，使开发者可以更好地理解和...

1 条评论您还未登录，请先登录后发表或查看评论

Vue Devtools调试工具安装和vue.js not detected解决办法

qq_39910307的博客

05-23

1万+

Vue Devtools 是一款用于调试vue应用的插件，该工具可以极大地提高我们开发和调试的效率。 Vue Devtools Github地址，里面有Vue Devtools的介绍和官方推荐的安装方式，这里不做过多介绍。另一种是通过chrome商店直接安装，这种安装方式非常简单，但是需要翻墙才能下载。 ...

解决Vue-devtools图标不亮不能使用，显示vue.js not detected

最新发布

2409_88902238的博客

03-16

304

如果是刚刚安装了这个拓展，发现他是灰色的，不要担心，很有可能是你的业面还没有运行vue实例，这是他就是灰色的，而你在VScode里面把你的前端vue实例进行运行了，再看浏览器就可以看到插件自动识别了，并且有了颜色，工具栏里也自动有了，而其他没有vue实例的业面的vue在工具栏里面也是没有的，很正常。

解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected

追求卓越583的博客

08-30

5341

解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected

vue-devtools安装以及解决安装vue插件后显示vue.js not detected的情况

weixin_44293949的博客

08-18

3223

vue-devtools安装后显示vue.js not detected

weixin_50680057的博客

09-21

1029

vue

Vue-Devtools.2.6.10.zip

12-04

Vue.js 是一个流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。Vue Devtools 是一个专为Vue.js应用程序设计的强大开发者工具，它允许开发者在浏览器的开发者工具中进行实时查看和调试Vue应用。这个...

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安装后Vue.js not detected

01-09

如果发现将vue-devtools添加至Chrome扩展程序之后，尽管vue图标已经亮起但是控制台栏却并未显示出vue调试工具，并且鼠标悬停于vue图标的提示为“vue.js not detected”，那么需要进一步操作以确保vue-devtools能够...

vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件

03-28

（1）vue 2.x 调试工具：vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件；（2）直接安装使用无需自己编译；（3）安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式...

解决vue.js not detected

fhvhdfhfh的博客

01-10

1534

在谷歌或者edge安装了Vuejs Devtools扩展程序，但是运行自己写的页面，vue图标没有亮起来，控制台也没有Vue选项，悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了。选择一个点击 “添加至Chrome”即可，我添加的是列表的第一个，大家可以根据需要进行选择。如果你的vue图标变亮了就说明扩展程序生效的，所以可能是浏览器设置问题导致图标不会亮。

解决Vue.js not detected的问题

李昭的博客

01-09

6204

"Vue.js not detected"通常是由于Vue Devtools无法检测到你的Vue.js应用程序而引起的。- 如果你是通过CDN引入Vue.js，尝试使用完整的开发版本（包括Vue Devtools）而不是仅包含运行时的版本。3. **在Vue应用程序中启用Vue Devtools:**1. **安装Vue Devtools浏览器插件:**2. **使用Vue.js的开发版本:**4. **检查Vue实例的命名:**7. **检查Vue.js版本:**6. **检查浏览器兼容性:**

解决Vue.js Devtools未检测到Vue实例的问题

球球不吃虾WHR2349博客

01-09

3348

在开发Vue.js应用时，Vue.js Devtools是一个不可或缺的调试工具。它能帮助开发者实时查看并操作Vue组件的状态、数据和方法等信息。然而，有时我们可能会遇到“Vue.js not detected”的提示，这意味着Vue.js Devtools未能成功识别和连接到我们的Vue应用。本文将详细解析这个问题，并提供相应的解决步骤与代码示例。在检查Vue.js是否已正确加载时，我们需要确保Vue库已经被正确引入并可供项目中的JavaScript代码使用。

解决vue.js出现Vue.js not detected错误