关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题

时间:2024-04-01 22:08:38

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

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

关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
进行到这里的时候,我的已经好了。
控制台能够出现Vue时,点击右上角vue图标,提示为:
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
以上内容为仅供参考,欢迎大家讨论。