在安装完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图标,提示为:
在这里插入图片描述
以上内容为仅供参考,欢迎大家讨论。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐