关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
在安装完Vue.js devtools后,打开自己写的vue网页,发现右上角vue图标是灰色,而且通过F12打开控制台也没有Vue这个选项。通过上网查询:提到最多的是打开Vue扩展程序,打开无痕模式(隐私模式)下启用,和允许访问文件网址,这两项。对于自己的还是没有用,鼠标左键点击Vue图标(扩展程序已将Vue固定到了页面)会出现提示类文字。情况一:Vue.js not detected ,Vue图
在安装完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图标,提示为:
以上内容为仅供参考,欢迎大家讨论。
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)