解决游览器安装Vue.js devtools插件无效的问题

一: 打开自己写的一个vue.js网页,发现解决游览器安装Vue.js devtools插件无效的问题这个图标并没有亮起来,还是灰色


解决方案:  

   1、我们先看看Vue.js devtools是否生效,打开Bilibili(https://www.bilibili.com/,B站是用的vue),如果发现这个图标变绿了,说明Vue.js devtools是能用的。否则建议卸载重装

   2、先再拓展程序中找到  Vue.js devtools , 点击详情信息 , 找到允许访问文件网址, 打开开关 ,就可以了

二:  打开自己写的一个vue.js网页,游览器上图标有了 ,但是控制台不显示

 

问题原因: 没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选

解决方案:  

  在项目入口文件(main.js)引入

Vue.config.devtools = true;

 

  

上一篇:chrome DevTools功能介绍


下一篇:Vue.js入门