解决Vue.js not detected的问题,亲测有用

最新推荐文章于 2024-01-10 08:30:00 发布
最新推荐文章于 2024-01-10 08:30:00 发布
阅读量2.1k 收藏
点赞数
文章标签： vue .js  devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hwm1206/article/details/103192084
版权

解决Vue.js not detected的问题,亲测有用

在安装完Vue.js devtools后，打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色，点击图标显示Vue.js not detected，打开控制台也没有发现有vue的选项，最后经过一番努力终于找到了解决方法。

在这里插入图片描述

首先右键点击vue图标，选择=》管理扩展程序，出现如下页面。

在这里插入图片描述

然后把 允许访问文件网址 和 收集各项错误 两个按钮都打开。就OK了。

hwm1206
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue.js devtools-chrome插件-检测网站是否使用vue.js
08-30
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。它以其简单易学、灵活和高效的特点深受开发者喜爱。Vue.js Devtools 是一个强大的浏览器开发者工具，专为Vue.js应用程序设计，帮助开发者在Chrome浏览器...
vue.global.js，Vue.js 框架的核心文件之一
08-11
`vue.global.js` 文件是 Vue.js 框架的核心文件之一。它包含了 Vue.js 全局对象的定义和一些全局方法和属性的实现。 该文件对整个 Vue.js 应用的运行起着重要的作用，它提供了全局范围的 Vue 构造函数和一些全局...
vue.js not detected
BOBO_YOUNG的博客
05-08 6308
vue.js not detected
vue.js not detected问题解决
DIUDIUjiang的博客
09-19 7968
最近在看vue的时候，发现之前装过的vuedevtools提示vue.js is not detected。
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
追求卓越583的博客
08-30 3576
解决浏览器安装Vue.js Devtools成功后，显示Vue.js not detected
vue-devtools安装以及解决安装vue插件后显示vue.js not detected的情况
weixin_44293949的博客
08-18 2969
首先下载vue插件，不推荐使用git，容易出错，耗时长 可以直接使用 这个收藏猫插件中提供的Vue.js devtools 关注后即可直接下载crx插件到本地，然后拖拽或添加我们浏览器的扩展程序中。此时vue.js插件已经安装好 但是浏览器中打开vue项目，vue图标依然灰色，，控制台中也没有显示vue调试工具。 鼠标放在vue图标上显示”vue.js not detected“ 在windows本地C盘中找到扩展程序的安装目录，然后打开manifest.json文件，将第三行中的false改成true
解决vue.js not detected
最新发布
fhvhdfhfh的博客
01-10 793
在谷歌或者edge安装了Vuejs Devtools扩展程序，但是运行自己写的页面，vue图标没有亮起来，控制台也没有Vue选项，悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。添加完之后浏览器扩展程序中出现了Vuejs Detools或者浏览器右上角出现了vue图标就可以了。选择一个点击 “添加至Chrome”即可，我添加的是列表的第一个，大家可以根据需要进行选择。如果你的vue图标变亮了就说明扩展程序生效的，所以可能是浏览器设置问题导致图标不会亮。
解决Vue.js not detected的问题
热门推荐
UaoSonic
05-03 13万+
前几天遇到了一个问题，在安装完Vue.js devtools后，打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色，点击图标显示Vue.js not detected，打开控制台也没有发现有vue的选项 网上找了很多解决方案都没有解决，大部分都是让重新安装Vue.js devtools，搞了大半天终于解决了。 我们先看看Vue.js devtools是否生...
vue.js和vue.min.js
06-13
在开发阶段，使用Vue.js是首选，因为它允许开发者在浏览器的开发者工具中查看详细的错误信息，便于定位和解决问题。 2. Vue.min.js（压缩版）： Vue.min.js是经过压缩和优化的版本，删除了不必要的空格、注释，并...
vue.js项目实战,vue.js项目实战pdf下载,JavaScript
09-10
Vue.js 是一款轻量级的前端JavaScript框架，由尤雨溪开发，因其简单易学、高效灵活的特性，在Web开发领域迅速崛起。本资源聚焦于"Vue.js项目实战"，旨在帮助开发者通过实际操作深入理解Vue.js的核心概念和技术，从而...
vue.js 下载，引入vue.js 本地开发
05-18
Vue.js 是一款流行的轻量级前端JavaScript框架，它以其易学易用、组件化和高性能的特点深受开发者喜爱。本文将详细介绍如何下载Vue.js并进行本地开发。 首先，我们需要下载Vue.js。Vue.js的官方源码可以从其官方...
vue.js not detected解决方法
a15270443499的博客
05-15 6369
在安装了vue-devtools后，老是提示vue.js is not detected该怎么办呢？跟着小编一起来分析处理吧 1、首先你需要下载一个datura-lj vue调试工具 2、然后打开chrome浏览器，在地址栏输入：chrome://extensions/，在扩展程序页面，直接将下载的CRX文件拖入，在提示下完成安装，装完是这样的： 3、此时打开vue页面仍未检测出插件，那么需要进入到 manifest.json 这个文件，修改 persistent变量的值为true;文件路径如下。然后重新打
解决vue.js出现Vue.js not detected错误
qq_31539817的博客
01-19 2万+
第一：在拓展应用的文件夹中找到文件manifest.json，打开并将此处的false改成true。 第二：在vuejs devtool拓展程序的详情页中开启以下两个选项 如果你看到这，恭喜你，看到全网解决这个问题的方法！！！！ 以上都是网上有的，但是会有一个小坑， 让很多人。。。。痛。。。。不。。。。欲。。。。生！ 看第三步打脸教程 第三：这一步初学者特别容易搞错，开启vuejs devtools程序之后，点击图标还是无法点亮图标。主要的原因是vuejs devtool必须要监视到页面
关于 no vuex store detected 的问题
qq_32667661的博客
12-13 2205
您必须在创建store之前设置Vue.config.devtools = true。 在store的index里，非main里 在这里我的store.js： 1 2 3 4 5 6 7 8 9 10 11 import Vue from 'vue' import Vuex from 'vuex' ...
关于devtools不能监测到vuex数据，版面显示No vuex store detected的问题；使用vue3时工具没有追踪到vuex
weixin_46092505的博客
07-28 4612
最终解决方法： 在store文件目录下的index.js中加入代码段Vue.config.devtools=true Vue.use(Vuex) Vue.config.devtools = true 效果立竿见影。 问题具体描述： 本来还能正常使用的，但是bug写着写着工具就开始监测不到数据了，将代码一步一步撤回还是可以恢复到正常的使用。 尝试过： 在main.js中加入同样的代码，有朋友的成功解决了，但是我的没有，也可以试试。 更换版本，试过6.0.0版本，3.4.x版本，发..
创建Vuex时没有$store的解决
周百万的博客
01-08 2475
如果你在vue2项目中，所有的配置好了，组件中就是没有$store属性，那么很有可能是安装的vuex插件版本过高。store文件夹下的index.js文件。为什么会出现这个问题呢？vue@3版本对应的是 vue2。vue@4版本对应的是 vue3。vuex安装的版本是最新版本。
vue.js is not detected 出现原因及解决方案
qq_52080901的博客
01-09 2980
vue.js “ is not detected”的错误通常表示您的网页在加载时没有正确检测到Vue.js库。这里有详细的问题出现原因以及解决方案。
【Vue基础十三】--安装vuex插件之后，vue原型上没有$store
hannah2233的博客
09-19 1385
检查结果： 完全正确！
怎么解决Vue.js not detected的问题
12-22
根据提供的引用内容，解决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的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值