chrome已安装Vue Devtools在控制台却无显示

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40742428/article/details/119859080
版权

在点亮Vue Devtools图标后，控制台没有vue解读显示。
原因：脚手架配置NODE_ENV直接定义为了production版本
在这里插入图片描述
解决办法：
更改webpack的发布的开发环境配置为
NODE_ENV: ‘“development”’
在这里插入图片描述
如果是引入的本地版本，则将vue.min.js替换为vue.js
在这里插入图片描述

在这里插入图片描述

行万里路，读万卷书
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3252
chrome安装vue插件控制台不显示
谷歌Vuex插件Vue.js devtools安装后控制台不显示的问题
xiaohu_haha的博客
03-20 2702
插件安装后，打开浏览器右上角有灰色的图标显示但是打开控制台却没有vue的提示，这种情况是因为你打开的只是一个谷歌浏览器页面，此页面并不是项目的页面，就会只有右上角显示灰色图标，如果页面是打开的项目页面，右上角图标会变成彩色，并且F12后控制台会有Vue的标题。
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
最新发布
段子手168的博客
04-30 2713
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 3348
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
安装了VueDevtools插件但在控制台不显示Vue的解决方案
IT13333的博客
07-06 8286
出现问题 安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 分析原因 第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选 https://github.com/vuejs/vue-devtools 1. If the page uses a production/minified build of Vue.js, devtools in
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 7962
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
解决安装了vue3开发者工具但是控制台没有显示出vue选项的问题
darabiuz的博客
02-04 7556
安装好了插件，并且选择钉在页面上，图标也亮起，可是F12就是没有出现vue的选项卡 解决办法：把调试工具先关闭，再刷新界面，再F12打开调试者工具即可解决
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
热门推荐
thirteen_king13的博客
10-16 1万+
在安装完Vue.js devtools后，打开自己写的vue网页，发现右上角vue图标是灰色，而且通过F12打开控制台也没有Vue这个选项。 通过上网查询： 提到最多的是打开Vue扩展程序，打开无痕模式（隐私模式）下启用，和允许访问文件网址，这两项。 对于自己的还是没有用，鼠标左键点击Vue图标（扩展程序已将Vue固定到了页面）会出现提示类文字。 情况一： Vue.js not detected ，Vue图标是灰色，这种情况通常可以通过上面那个方法解决。 情况二： Vue图标是高亮的，但是控制台没有Vu
Vue devtools Chrome插件
01-17
Vue Devtools的安装非常简单，只需要在Chrome浏览器中访问Chrome Web Store，搜索"Vue.js devtools"并安装。安装完成后，在Vue应用的页面上打开开发者工具，就能看到Vue Devtools的界面了。 使用Vue Devtools不仅...
vuedevtools安装.zip
10-31
window.Vue && Vue.config.devtools && Vue.config.performance && Vue.use(VueDevtools) } ``` 6. 完成上述步骤后，你应该能在Vue DevTools中看到应用的详细信息。 通过阅读链接提供的博客文章（），你将获得更...
vue-devtools chrome
11-04
安装Vue DevTools 非常简单，只需在Chrome浏览器的Web Store中搜索“Vue.js devtools”，然后点击添加至Chrome即可。安装完成后，打开包含Vue应用的网页，Vue DevTools 将自动出现在Chrome的开发者工具中。 在实际...
vue-devtools-5.3.4.zip
06-06
在使用Vue DevTools之前，你需要确保已经安装了Chrome浏览器，并且你的Vue.js应用正在运行。然后，你可以按照以下步骤安装Vue DevTools 5.3.4: 1. 首先，你需要从一个安全的源下载Vue DevTools的CRX文件，如Chrome ...
vue-devtools
12-25
Vue Devtools 可以在Google Chrome和Firefox等现代浏览器上使用，作为一个浏览器扩展安装。它提供了一个友好的界面，用于检查应用的组件树、数据、方法、生命周期钩子以及Vue实例的其他方面。以下是一些主要功能和...
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
JUZI__的博客
04-17 2475
在google应用商店下载的Vue.js Devtools在控制台没有vue选项 第一种:图标不亮 第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了. 第二种:图标亮,但是在下...
关于控制台没有VUE选项
qq_50730710的博客
03-25 603
然而下面没有vue这个选项，那么需要在js代码中添加 Vue.config.devtools = true;当上面图标亮起时，点击图标显示。
火狐浏览器使用Vue Devtools工具，控制台一栏没有vue选项
qq_43592296的博客
07-13 1689
1、使用Vue Devtools的时候，页面右上角Vue图标是彩色的，但是在控制台没有vue选项。 2、原因：火狐浏览器下载了Vue Devtools之后，工具默认是不允许在隐私窗口中运行。 3、解决办法：允许在隐私窗口中运行 成功解决！！！ ...
控制台中没有vue
weixin_44628177的博客
05-12 921
vue有两个文件，一个开发版本（体积大），一个生产版本（体积小） 一般情况下只有用的是min版本的才会出现这种情况，但是这次使用不知道怎么使用开发版本的也没有了vue vue的图标是亮着的，但是控制台就是没有vue 于是我在代码中加了一句，发现可以了 Vue.config.devtools = true; ...
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
m0_51249573的博客
12-10 3685
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
解决浏览器中 vue-devtools 不显示的问题
来杯卡布奇诺的博客
08-09 1万+
一种是 vue-devtools 的配置错误，我们需要进入到 vue-devtools 的详情页中，将“允许访问文件网址勾选起来”。vue 项目中浏览器右上角可以显示出插件，但是控制台却没有显示。第三种情况是项目使用了 externals 打包优化。...
vue devtools无法在控制台显示
07-27
- *2* *3* [安装了VueDevtools插件但在控制台不显示Vue的解决方案](https://blog.csdn.net/IT13333/article/details/118514509)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值