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

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

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

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

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

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

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

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

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

————————————————

Vue.js not detected 解决办法相关推荐

  1. Vue插件报错:Vue.js is detected on this page.

    Vue插件报错:Vue.js is detected on this pag 下载Vue插件 解决:Vue.js not detected 解决:Vue.js is detected on this ...

  2. Vue.js is detected on this page. Devtools inspection is not available becaus...的解决方法

    Vue.js is detected on this page. Devtools inspection is not available becaus-[的详细解决方法] 问题描述: 在已经下载Vu ...

  3. Mint-UI 报错提示缺少“raf.js / vue-lazyload / vue-popup” - 解决办法

    Vue项目运行mint-ui组件,报错提示缺少"vue-popup" ,如何解决? 有时候还会报错提示:··· (比如 raf.js / vue-lazyload / vue-po ...

  4. 【插件工具】Vue.js is detected on this page. Open DevTools and look for the Vue panel报错及安装vue-detools

    如果已经安装了vue-devtools可以不看这部分 先介绍三种安装vue-devtools的方法: ① 如果就可以直接去chrome商店下载该插件 ② 非科学上网的小伙伴给你们准备vue-detoo ...

  5. Vue.js not detected

    安装vue devtools工具,在chrome中一直是灰色,title是Vue.js not detected ① F12关闭开发者模式 ② 刷新 ③ 然后再按F12就好了 网上看到的,居然真的有用 ...

  6. ie不兼容的几个js问题及解决办法

    ie不兼容的几个js问题及解决办法 参考文章: (1)ie不兼容的几个js问题及解决办法 (2)https://www.cnblogs.com/xin9984/p/6110819.html 备忘一下.

  7. JS - setTimeout时间误差解决办法

    JS - setTimeout时间误差解决办法 一.背景 最近项目中加了一个计时器,我是用setTimeout来实现计时的,用于显示订单剩余支付时间,但我发现,短时间还好,时间长了,计时器的误差会很大 ...

  8. vue gyp: No Xcode or CLT version detected解决办法

    在运行npm install的时候遇到下面的报错: 报错:gyp: No Xcode or CLT version detected! 原因:node-gyp需要Xcode Command Line ...

  9. Windows PowerShell安装指定版本vue/cli脚手架失效解决办法;vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue

    mac搭建vue项目看这篇 打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...

最新文章

  1. springside / springside4—CRUD页面教程
  2. 微软将Bing变开放平台 同谷歌争夺开发者
  3. mysql联合索引的数据结构
  4. 二进制文件被拒_苹果商店上架,二进制文件被拒绝
  5. 不好意思,你这个加分理由不行……
  6. Oracle DMP 导入导出
  7. E: Sub-process /usr/bin/dpkg returned an error code (1) Ubuntu安装apt-get命令报错
  8. win10开机,内存占用过高
  9. Rails测试《二》单元测试unit test
  10. 重要文件即时搞定,不用插电就能打印,汉印MT800移动便携打印机上手
  11. 浏览器打开是360导航页面解决方法
  12. 新浪云python开发_Python开发入门与实战17-新浪云部署
  13. postman中如何自动生成签名
  14. mysql和oracle面试题_【SQL 面试题2】Mysql 和Oracle数据库
  15. 智慧家安监控系统——用Java + html、css、js实现
  16. matlab求解一阶微分方程组
  17. renqun_youhua=2004892,竞价链接后缀标识都是什么含义?
  18. 北京交通大学计算机考研分数2019,2019北京交通大学考研复试分数线
  19. 瑞昱RTL8201G(I)-VB-CG 规格应用--电口传输距离(500M)之王
  20. 使用 ChatGPT 模型实现 JavaScript 加密解密技术

热门文章

  1. 19-爬虫之scrapy框架大文件下载06
  2. python-argparse批量修改后缀名-batch_file_rename.py
  3. 函数计算 Python 连接 SQL Server 小结
  4. Centos7下vim最新版本安装
  5. [Debug]IOS微信浏览器不支持form表单的target=_blank
  6. 课堂练习---最低价格买书
  7. laravel excel迁移到lumen
  8. LocalDB连接失败
  9. 在Spring中使用JDK定时器实现调度任务
  10. php endall(),从G_BEGIN_DECLS和 G_END_DECLS说起