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 1.8 Release版本发布了
Aug 14 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
JS模拟实现方法重载示例
Aug 03 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 Javascript
js实现九宫格抽奖
Mar 19 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
php批量删除数据
2007/01/18 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
深究AngularJS中$sce的使用
2017/06/12 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
如何用python写个模板引擎
2021/01/14 Python
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
新闻专业应届生求职信
2013/10/31 职场文书
优秀演讲稿范文
2013/12/29 职场文书
会计专业自我鉴定范文
2013/12/29 职场文书
小学英语教学反思
2014/01/30 职场文书
2014年小学元旦活动方案
2014/02/12 职场文书
优秀家长事迹材料
2014/05/17 职场文书
银行求职信
2014/05/31 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
Python基础之进程详解
2021/05/21 Python
nginx配置之并发频次限制
2022/04/18 Servers
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS