在安装完Vue.js devtools后,打开自己写的vue网页,发现右上角vue图标是灰色,而且通过F12打开控制台也没有Vue这个选项。
自己的控制台没有Vue选项
通过上网查询:
提到最多的是打开Vue扩展程序,打开无痕模式(隐私模式)下启用,和允许访问文件网址,这两项。
在这里插入图片描述
对于自己的还是没有用,鼠标左键点击Vue图标(扩展程序已将Vue固定到了页面)会出现提示类文字。
情况一:在这里插入图片描述
Vue.js not detected ,Vue图标是灰色,这种情况通常可以通过上面那个方法解决。
情况二:在这里插入图片描述
Vue图标是高亮的,但是控制台没有Vue项目。该情况关键信息是“because it’s in production mode ”
需要将webpack的开发环境由 “production” 改为"development"。可以参考这位仁兄的。
如果还不行的话:打开vue插件安装位置,打开mainifest.json,
在这里插入图片描述

将mainfest.json中的persistent:false,修改成persistent:true。

在这里插入图片描述
进行到这里的时候,我的已经好了。
控制台能够出现Vue时,点击右上角vue图标,提示为:
在这里插入图片描述
以上内容为仅供参考,欢迎大家讨论。

GitHub 加速计划 / de / devtools
49
5
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:5 个月前 )
79116147 - 6 个月前
f0359002 - 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐