【vue.js】安装vue.js devtools插件后vue.js is not detected问题
解决了chrome浏览器更新后安装插件的问题,还没来得及高兴,我就发现我家刚装的小图标都不带亮一下的!
我的:
人家的:
真的是,哇的一声哭出来!!!
那么问题到底在哪里呢??看了几篇大佬写的解决办法之后总结如下:
第一步:打开一个vue写的网站(比如哔哩哔哩),如果图标亮了,那你的插件就是没有问题的!!!
我才不会说我之前没发现这个问题花了好多时间............
第二步:打开扩展程序chrome://extensions/,点开插件详细信息,开启“允许访问文件网址”
第三步:如果上述方式没有解决问题的话,在自己电脑上找到Vue.js devtool插件的安装目录(查找方式见备注),打开manifest.json文件,将第三行中的false改为true:
注:正常情况下,Chrome插件扩展程序的默认安装目录如下:
1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions
2.windows7/8/...中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions
(比如:本人电脑win8,安装目录为——
C:\Users\suning\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.4_5)
3.MAC中chrome插件默认安装目录位置:~/Library/Application Support/Google/Chrome/Default/Extensions
4.Ubuntu中chrome插件默认安装目录位置: ~/.config/google-chrome/Default/Extensions
如果在这些不同操作系统中的chrome插件默认安装位置,没有找到插件。那么请通过下面的方式查看,如下图所示:
1.地址栏输入chrome:version 回车
2.用资源管理器打开"个人资料路径"栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径