博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue devtools is not detected
阅读量:5112 次
发布时间:2019-06-13

本文共 644 字,大约阅读时间需要 2 分钟。

  为了学习vue,自然少不了vue devtools这个神器,但是我用离线文件直接拖到Google的插件拓展那里,然后打开vue项目,在浏览器里面这个工具的图标却没有亮,检测不到。然后百度搜索答案,看到一篇博文用这样子的方法解决:

  在项目中打开终端,用npm install vue devtools,下载后会有一个文件,在node-modules/vue devtools路径下会有vender这个文件夹,把这个文件夹直接拖到Google插件拓展那里,再把node-modules/vue devtools/vender/manifest.json中的persistent改为true,然后重启浏览器,再打开vue项目就可以看到图标亮了。但是控制台那里没有显示出来vue的调试工具。又查询了一下,有个答案是不能用vue.min.js。我把它换成vue.js再刷新浏览器就真的出来了。

    另一种方法:(github上面下载以后,cmd或者gitbash进入解压文件夹,npm install-->npm run build 然后把shell-chrome-manifest.json中的persistent 改为true,然后到谷歌中的扩展程序中加载已解压的扩展程序,选中chrome的文件夹就可以了,页面中不用用cdn 直接下载开发版的,不然开发工具在页面中找不到vue.js.)

 

转载于:https://www.cnblogs.com/yaoya/p/9277346.html

你可能感兴趣的文章
Android 画图之 Matrix(一)
查看>>
React Native - 2 控件Flexbox
查看>>
前缀和
查看>>
Jquery插件汇集:
查看>>
Linux 启动、关闭、重启网络服务的两种方式
查看>>
List<T>列表通用过滤模块设计
查看>>
【模板】最小生成树
查看>>
设计模式之结构型模式
查看>>
修改navigationitem的title颜色字体阴影等属性
查看>>
前端开发中提到的“脚手架”到底指什么,CLI?gulp 和 gulp-cli有什么区别
查看>>
iis7规范URL及利用web.config进行重定向
查看>>
【Linux】入门篇 环境搭建
查看>>
poj2569
查看>>
使用mmap在内存中读写文件
查看>>
使用pygal_maps_world.i18n中数据画各大洲地图
查看>>
sql server必知多种日期函数时间格式转换
查看>>
ListView如何获取点击单元格内容
查看>>
jQuery EasyUI 的下拉选择combobox后台动态赋值
查看>>
(转)游戏引擎中三大及时光照渲染方法介绍(以unity3d为例)
查看>>
timeline时间轴进度“群英荟萃”
查看>>