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

前端  /  管理员 发布于 7年前   383

一： 打开自己写的一个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;