关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
在安装完Vue.js devtools后,打开自己写的vue网页,发现右上角vue图标是灰色,而且通过F12打开控制台也没有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 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)