解决vue.js not detected

问题描述:
在谷歌或者edge安装了Vuejs Devtools扩展程序,但是运行自己写的页面,vue图标没有亮起来,控制台也没有Vue选项,悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。


检查
检查Vuejs devtools扩展程序是否已经生效,检查方法如下:
打开一个使用vue的网站,随便在网上找一个网址

https://m.baidu.com/limit/
如果你的vue图标变亮了就说明扩展程序生效的,所以可能是浏览器设置问题导致图标不会亮

找到大致问题之后就可以尝试解决问题,我是在Vue.js devtools扩展程序的“详细信息”中慢慢尝试的,启用某些功能试试就解决了,具体操作如下:

解决方法
步骤:
设置 》扩展程序 》vue扩展文件的详细信息 》启用“允许访问文件地址”

文字描述不太清楚的话,朋友们也可以看下面的图片步骤:

附:
Vue.js devtools安装步骤:
打开edge设置,然后按下面步骤一步步进行即可

在应用商店搜索框输入vue js devtools


选择一个点击 “添加至Chrome”即可,我添加的是列表的第一个,大家可以根据需要进行选择


添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了

  • 16
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的引用内容,解决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、付费专栏及课程。

余额充值