VUE.JS IS DETECTED ON THIS PAGE. OPEN DEVTOOLS AND LOOK FOR THE VUE PANEL.

原创 已于 2022-06-19 11:37:21 修改 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

于 2021-08-08 16:41:12 首次发布
当遇到无法调试Vue项目的困境时，关键在于MAIN.JS中未开启DEBUGMODE。只需在main.js中设置Vue.config.devtools为true，然后重启项目，即可顺利进行调试。这是一个快速修复Vue应用调试问题的方法。

这个问题，是因为没有在MAIN.JS中开启DEBUG MODE！！我们在MAIN.JS中开启就OK啦。

解决办法：

main.js

Vue.config.devtools = true

重新启动项目，就可以成功调试啦！

Vue - DevTools Open DevTools and look for the Vue panel（控制台没有 Vue 选项卡）
🏆 前端领域优质创作者
01-18 6556
前言 安装了VueDevtools后，发现如下图所示提示： 但在控制台中找不到任何相关界面，而正确（有Vue选项卡）的应该是如下图所示： 解决方案 有2种可能性，请依次按照步骤进行。 一、打开谷歌浏览器，在地址栏输入chrome://extensions/，执行如下操作： 进入扩展程序中心，找到工具卡片，点击进入详情，如下图所示： 打开各种权限，尤其是允许访问文件网址，如下图所示： 最后重启浏览器，重新打开页面。 如上述操作依然不行，请继续往下看。 二、打开项目中main.
Vue.js devtools-chrome插件-检测网站是否使用vue.js
08-30
网站vue.js检测插件,判断网页是否使用vue.js或者Nuxt.js，Nuxt.js + Vue.js is detected on this page.
vue-devtools谷歌浏览器插件
09-20
vue-devtools专门用来调试vue If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
【Error】Vue.js is detected on this page. Open DevTools and look for the Vue panel.
道阻且长，行则将至。
10-12 1507
已成功解决
Vue.js is detected on this page. Open DevTools and look for the Vue panel. 解决方法
weixin_45467273的博客
06-09 2万+
安装 Vue Devtools 之后运行总是提示 Vue.js is detected on this page. Open DevTools and look for the Vue panel. ** 安装完成后,必须进入chrome扩展工具选项里,找到 vue-devtools 详情信息，把允许访问文件网址选项 勾选上 然后使用F12来打开开发工具栏,就能看到 vue-devtools的了 如果觉得不错，用你发财的小手点个赞哦~ ...
Vue.js is detected on this page. Open DevTools and look for the Vue panel.
最新发布
06-26
console.log("Vue.js is present on the page."); return true; } console.log("Vue.js not found."); return false; })(); ``` 这段代码会遍历所有 `<script>` 标签，尝试匹配 Vue.js 的标准文件名，并检查...
Vue.js is detected on this page. Open DevTools and look for the Vue panel. Troubleshooting
05-07
### 如何在页面上检测 Vue.js 并使用 DevTools 的 Vue 面板进行故障排除 为了确保能够通过 Chrome 浏览器上的 Vue DevTools 插件正常检测到 Vue.js 应用并利用其功能进行调试，可以按照以下方式操作： #### 1. **...
【插件工具】Vue.js is detected on this page. Open DevTools and look for the Vue panel报错及安装vue-detools
Umbrella_Um的博客
08-06 1万+
如果已经安装了vue-devtools可以不看这部分 先介绍三种安装vue-devtools的方法： ① 可以直接去chrome商店下载该插件（科学上网） ② 事实上并不是都可以科学上网的，所以又不想找梯子，也不想npm install的，这里就给你们准备了大礼 -------------------------------------------------5.1.0--------------...
使用Vue DevTools 插件报错的问题：Vue.js is detected on this page. Open DevTools and look for the Vue panel.
提莫拌一团蘑菇
03-31 7482
这个问题，是因为没有在main.js中开启debug mode main.js import Vue from 'vue' Vue.config.devtools = true 重新启动项目，就可以成功调试啦！
Vue.js is detected on this page. Open DevTools and look for the Vue panel.
weixin_45346457的博客
03-02 885
1、closed and re-open Chrome. 2、Hard refresh the browser. 3、re-open the developer tools window and look for the Vue tab. 4、add before new vue instantiation: Vue.config.devtools = true;
Vue.js is detected on this page 问题处理
圣人男的博客
03-13 1万+
在Mac上安装完Vue.js devtools插件后，并没有出现Vue选项 点击右上角对Vue插件按钮，会出现 Vue.js is detected on this page. Open DevTools and look for the Vue panel. 其实，这已经没有什么错误了，可以正常使用，只是选项没有加载上来。 解决办法： 1.确定 这两项已经选上 2.把...
【问题处理】Vue.js is detected on this page. Open DevTools and look for the Vue panel.
且心的专栏
05-20 1883
问题 安装完Vue devtools后，重启了Chrome，但打开检查工具没发现对应的vue插件，提示 Vue.js is detected on this page. Open DevTools and look for the Vue panel. 处理 刷新下页面，再看 如果还不行，就按网上的改配置去吧。。。 ...
Vue.js is detected on this page解决方法
热门推荐
码出精彩
03-07 3万+
Vue.js is detected on this page解决方法 最近在学习Vue，所以打算安装一个插件Vue.js devtools 5.3.3。下载完成后，发现用不了，出现了*Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or ex...
Vue.js devtool插件下载安装及后续问题解决 Vue.js is detected on this page. Open DevTools and look for the Vue pane
weixin_44852765的博客
05-12 1107
安装步骤 下载: 下载地址 打开拓展程序: 点击设置—> 更多工具 —> 拓展程序 或者 chrome://extensions/ 在你的入口JS文件里加上一行Vue.config.devtools = true 问题: Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the aut.
Vue开发者工具
weixin_45115479的博客
03-09 1万+
此篇文章帮助我记录，自己新手在使用Vue开发者工具遇到的问题 问题的大前提，要检查有无安装好Vue开发者工具 1、安装了 Vue.js devtools，也就是Vue开发者工具（Vue官网有详细介绍） https://cn.vuejs.org/ 2、在浏览器中安装，在扩展程序管理中添加 3、启动 Vue.js devetools 4、最重要一步！开启允许访问文件网址 5、基本能够在控制台中看到，并使用Vue开发者工具了 6、我会将Vue开发者工具固定在浏览器上，这样页面中使用了Vue，图标就变绿色，
Vue插件报错：Vue.js is detected on this page.
小小张自由—>张有博
06-30 1万+
下载Vue插件 解决：Vue.js not detected 解决：Vue.js is detected on this page.
vue.js.devtools图标有颜色显示，但不出现在控制台，why？
m0_67548194的博客
05-19 2683
出现这段英文Vue.js is detected on this page.控制台不显示vue面板？
Vue.js is not detected
qq_25211081的博客
07-13 536
事发环境 Vue cli 4.5.x Vue3 Vue.js devtools5.3.4 启动项目，Vue devtools不能正常使用 百度一大圈,以为是版本问题 然后去商店看了下 我开始只看见第一个只有88(用户数的意思吧)，评分还是4星，以为是第三方的啥东西，看了下第二个没啥更的， 然后百度了半天都没解决，去Stack Overflow看了下，就是版本问题… Vue.js devtools 6.0 最后换新解决… ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值