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

 更新时间:2022年09月29日 15:23:27   作者:墨痕留绝  
这篇文章主要介绍了vue.js出现Vue.js not detected错误的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue.js出现Vue.js not detected

第一:在拓展应用的文件夹中找到文件manifest.json,打开并将此处的false改成true。

第二:在vuejs devtool拓展程序的详情页中开启以下两个选项

如果你看到这,恭喜你,看到全网解决这个问题的方法!!!!

以上都是网上有的,但是会有一个小坑,

让很多人。。。。痛。。。。不。。。。欲。。。。生!

看第三步打脸教程

第三:这一步初学者特别容易搞错,开启vuejs devtools程序之后,点击图标还是无法点亮图标。主要的原因是vuejs devtool必须要监视到页面是一个vue项目才能进行调试。

创建一个vue程序,运行,按f12进入调试模式,这时候会发现有一个vue的选项

这时候就会自动开启vuejs devtool工具了。(因为监视到这个应用是vue应用,自然可以用啦!特别注意,如果页面不是vue程序,vuejs devtool是不可以直接用的,就算按f12进入开发者工具也是不会有vue这个选项的「自己踩的坑,自己来填」)

Vue.js not detected?与众不同的解决方案

今天在安装完Vue.js devtools后,打开自己写的一个vue.js网页,发现这个图标并没有亮起来,还是灰色,点击图标显示Vue.js not detected,打开控制台也没有发现有vue的选项

我们先看看Vue.js devtools是否生效,打开Bilibili(,B站是用的vue),你就可以发现这个图标变绿了,说明Vue.js devtools是能用的。

为什么人家的可以你就不行呢,试过一次发现,如果直接在浏览器打开一个html文件(用vue开发的),这个图标就没亮,直到我运行了项目,访问了localhost,他才凉了,而且所有的功能都可以正常使用(手动滑稽)。

至于修改配置文件balabala。。。我都修改了,结果一个没成。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue组件高级通讯之$children与$parent

    Vue组件高级通讯之$children与$parent

    这篇文章主要为大家介绍了Vue组件高级通讯之$children与$parent,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Vue中为什么要引入render函数的实现

    Vue中为什么要引入render函数的实现

    本文主要介绍了Vue中为什么要引入render函数的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • vue element-plus图片预览实现方法

    vue element-plus图片预览实现方法

    这篇文章主要给大家介绍了关于vue element-plus图片预览实现的相关资料,最近的项目中有图片预览的场景,也是踩了一些坑,在这里总结一下,需要的朋友可以参考下
    2023-07-07
  • 使用Vant如何完成各种Toast提示框

    使用Vant如何完成各种Toast提示框

    这篇文章主要介绍了使用Vant如何完成各种Toast提示框,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • 详解Vue.js搭建路由报错 router.map is not a function

    详解Vue.js搭建路由报错 router.map is not a function

    这篇文章主要介绍了详解Vue.js搭建路由报错 router.map is not a function,非常具有实用价值,需要的朋友可以参考下
    2017-06-06
  • Vue中下载不同文件五种常用的方式

    Vue中下载不同文件五种常用的方式

    自己最近做项目的时候遇到需要下载文件的需求,索性这里给总结下,这篇文章主要给大家介绍了关于Vue中下载不同文件五种常用的方式,需要的朋友可以参考下
    2023-09-09
  • Electron集成React和Vue流程方法讲解

    Electron集成React和Vue流程方法讲解

    Electron也可以快速地将你的网站打包成一个原生应用发布,下面这篇文章主要给大家介绍了关于Electron集成React和Vue的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 在vue中axios设置timeout超时的操作

    在vue中axios设置timeout超时的操作

    这篇文章主要介绍了在vue中axios设置timeout超时的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • vue实现把页面导出成word文件的方法

    vue实现把页面导出成word文件的方法

    这篇文章主要为大家详细介绍了vue实现把页面导出成word文件的方法,文中的实现步骤讲解详细,并且有详细的代码示例,需要的小伙伴可以参考一下
    2023-10-10
  • vue父列表数据获取子列表数据的实现步骤

    vue父列表数据获取子列表数据的实现步骤

    本文档将介绍如何通过点击父列表(表格)中的数据行来获取到子列表(表格)的数据,代码示例是基于Vue框架实现的一个组件,包含了父列表和子列表,通过点击父列表的数据行来动态获取子列表的数据,感兴趣的朋友跟随小编一起看看吧
    2024-06-06

最新评论