【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文件夹即默认的扩展安装路径

猜你喜欢

转载自blog.csdn.net/weixin_39068791/article/details/81412544
今日推荐