Vue Devtools安装完成后,但是控制台没有图标

首先安装了Vue Devtools,安装我试过在****看到的,用Github下载包,然后inatall,在npm run build操作,然后各种报错,解决了webpack的报错,还有新的,因此另谋出路。

看到了另一篇,直接在Google开发者模式下将.crx引入。

但是这时候发现我的控制台没有vue图标,并且显示vue.js is not detected

然后搜寻解决办法,找了很久并不是很成功,最后解决了,不太清楚为什么,但是记录一下。

首先,先到C:\Users\xxx\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.3_0 把manifest.json的persistent由false改成true;

Vue Devtools安装完成后,但是控制台没有图标

但是还是没有解决我存在的问题。

第二,在扩展程序Vue.js devtolls的“详细信息”去勾选“允许访问文件网址”

Vue Devtools安装完成后,但是控制台没有图标

Vue Devtools安装完成后,但是控制台没有图标

勾选完这个后,我的html的vue图标亮了。Vue Devtools安装完成后,但是控制台没有图标

但是我的控制台还是没有Vue。

第三,刷新页面,然后按F12,再打开控制台就有了。

虽然不知道为什么,但是弄好了。

Vue Devtools安装完成后,但是控制台没有图标