Vue.js devtool插件安装后无法使用的解决办法


Posted in Javascript onNovember 27, 2017

初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后,都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件,怎么点击后提示vue.js not detected,无法正常使用呢?对于这样的问题,新人可能会花费很多时间去找答案,今天我们就来整理了解决方法,希望对大家有帮助。

Vue.js devtool插件安装后无法使用的解决办法

首先,我们先要确保Vue.js devtool插件已经安装成功了。具体的Vue.js devtool插件的安装方法可以:chrome插件CRX的离线安装方法中找到答案。

Vue.js devtool插件安装后无法使用的解决办法

其次,我们需要找到Vue.js devtool插件的安装目录。可以在本站文章chrome插件CRX文件的安装目录中找到插件的安装位置。话说来,我们真找不到插件的安装位置,可以在本地电脑搜索插件的ID:nhdogjmejiglipccpnnnanhbledajbpd。用户可以在插件列表中找到插件的ID,如下图所示。这是我在win8系统上chrome插件的安装位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0

Vue.js devtool插件安装后无法使用的解决办法

第三,在找到了Vue.js devtool插件的安装目录后,打开mainifest.json文件(这是关键)。

Vue.js devtool插件安装后无法使用的解决办法

将mainfest.json中代码persistent:false,修改成persistent:true。如下图所示:

Vue.js devtool插件安装后无法使用的解决办法

一般情况下,修改完如上的位置的代码。打开vue项目后,在控制台选择vue,就应该可以正常使用了。

Vue.js devtool插件安装后无法使用的解决办法

第四,如果通过上面的方法调整过后,还是不能够使用,那么可以调整一下webpack.config.js的代码,如下图所示:

Vue.js devtool插件安装后无法使用的解决办法

最后,重启一下你的vue项目应该就可以使用了。

Vue.js devtool插件安装后无法使用的解决办法

注意:文章为本人原创,首发于下面地址。

Javascript 相关文章推荐
JQuery中extend使用介绍
Mar 13 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
jquery实现文本框textarea自适应高度
Mar 09 Javascript
AngularJS 输入验证详解及实例代码
Jul 28 Javascript
jquery+html仿翻页相册功能
Dec 20 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
实现高性能javascript的注意事项
May 27 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
react-intl实现React国际化多语言的方法
Sep 27 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
Nov 27 #Javascript
vue2实现可复用的轮播图carousel组件详解
Nov 27 #Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 #Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 #Javascript
vue2.0使用swiper组件实现轮播效果
Nov 27 #Javascript
解读vue生成的文件目录结构及说明
Nov 27 #Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 #Javascript
You might like
apache配置虚拟主机的方法详解
2013/06/17 PHP
php调用shell的方法
2014/11/05 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
基于jQuery的js分页代码
2010/06/10 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
对JavaScript客户端应用编程的一些建议
2015/06/24 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
Bootstrap项目实战之首页内容介绍(全)
2016/04/25 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
JavaScript中变量提升机制示例详解
2019/12/27 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——LGD
2018/04/04 DOTA
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
python 请求服务器的实现代码(http请求和https请求)
2018/05/25 Python
django url到views参数传递的实例
2019/07/19 Python
Python实现ATM系统
2020/02/17 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
工作自我评价怎么写
2014/01/29 职场文书
竞聘自述材料
2014/08/25 职场文书
个人借条范本
2015/05/25 职场文书
个人催款函范文
2015/06/23 职场文书
田径运动会通讯稿
2015/07/18 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL