Vue.js not detected 解决办法

时间:2024-04-01 17:36:11

问题描述:

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

Vue.js not detected 解决办法

检查

检查Vuejs devtools扩展程序是否已经生效,检查方法如下:

打开一个使用vue的网站,随便在网上找一个或者直接点开这个手机搜狐网 https://m.sohu.com/limit/
如果你的vue图标变亮了就说明扩展程序生效的,所以可能是浏览器设置问题导致图标不会亮

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

解决方法

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

文字描述不太清楚的话,朋友们也可以看下面的图片步骤:
Vue.js not detected 解决办法
Vue.js not detected 解决办法
Vue.js not detected 解决办法
Vue.js not detected 解决办法


附:

Vue.js devtools安装步骤:

打开谷歌设置,然后按下面步骤一步步进行即可
Vue.js not detected 解决办法Vue.js not detected 解决办法
Vue.js not detected 解决办法

在应用商店搜索框输入vue js devtools
Vue.js not detected 解决办法

选择一个点击 “添加至Chrome”即可,我添加的是列表的第一个,大家可以根据需要进行选择
Vue.js not detected 解决办法

添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了
Vue.js not detected 解决办法