解决使用Vue2及devtools时出现的vue.js not detected问题

本文档参考学习视频为尚硅谷Vue2.0+Vue3.0全套教程,文档解决方式仅支持能够访问chrome应用商店的学习者解决此问题。

简单说明:

在chrome应用商店下载6.6.4版本的Devtools即可,图标如下图所示

5d39404eb07a4b6ea7b7249815919b13.png

问题解决方式详细来源:

首先,在文档中点击此处安装 Devtools,会跳转到 github

63b9d739a11248baa580c81a2866ca57.png8c0f3601c7c244e9b8f79078334346bb.png

点击 Install the extension 后会跳转至 404 页面(导致本人一度以为没有解决方法 XD)。事实上点击左侧的 Documention 可以进入 Devtools(我猜的)的官方网站

点击 Get Stared 查看官方文档(只有英文版,怪不得我之前找不到解决方法,因为懒得看英语网站。果然学代码偷不了英语的懒 TT)

dbf92fd954b742038087c6401cde7e50.png

截图翻译页面很容易就能发现浏览器插件相关页面。如图所示,点击 Browser Extension

14dd80a854ef4066bc20783b0ad684e1.png

可以看到这个紫色的提示框,答案显而易见啦~翻译也放在下面了。点击 v6 version 就跳转到适用Vue2 的插件啦!

edec08f72fcb4c47a9ff1d784ea3ca4c.png004872c1ca254b15912b7fb4631e498e.png83bb7484184c4c4298611c7d2a41152c.png备注

如果仍旧没有显示的话,以下解决方式供参考:
1. 重启浏览器后重新打开开发者工具(F12)
2. 开启如图所示的两个选项(管理扩展程序-详情)(事实上我没有开启这两个选项,重启浏览器后就能正常使用插件了;部分教程要求开启这两项,所以如果没有解决也可以一试。ps.我打开收集错误后居然真的报错了,但既然可以正常使用,我就忽略这个问题了,所以可以先只开启 "允许访问文件网址" ,不开启 "手机各项错误"70dbd16fe73048fcbdb0d66c9dd00509.png

 

根据提供的引用内容,解决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问题
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值