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

Posted 2022-09-11 hspl

一： 打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色

解决方案：  

　　 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;