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 相关文章推荐
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
JavaScript 创建运动框架的实现代码
May 08 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
js实现字符串转日期格式的方法
May 20 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
vue.js 实现点击按钮动态添加li的方法
Sep 07 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
如何使用原生Js实现随机点名详解
Jan 06 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
微信小程序页面跳转功能之从列表的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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
PHP连接SQLSERVER 注意事项(附dll文件下载)
2012/06/28 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
2017/06/15 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
token 机制和实现方式
2020/12/15 Javascript
Python的Django框架中forms表单类的使用方法详解
2016/06/21 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
社会公德演讲稿
2014/05/20 职场文书
数学教师个人工作总结
2015/02/06 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技