安装了VueDevtools插件但在控制台不显示Vue的解决方案
安装好Vue Devtools插件后,在Google浏览器中开发调试的时候,右上角的Vue图标变亮,但是在开发者工具中没有出现Vue调试。如下图:控制台的Vue调试应该如下图显示参考文章...
·
- 出现问题
安装好Vue Devtools插件后,在Google浏览器中开发调试的时候,右上角的Vue图标变亮,但是在开发者工具中没有出现Vue调试。
如下图:
控制台的Vue调试应该如下图显示
- 分析原因
第一种情况:没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选
https://github.com/vuejs/vue-devtools
1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.
2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>//出错处
第二种情况:
Vue.js devtools 插件出错
- 解决方法:
官方建议在项目入口文件(main.js)引入:
Vue.config.devtools = true;
第二种情况:
Vue.js devtools 插件出错解决方案
进入chrome浏览器扩展程序 -> Vue.js devtools 点击详细信息 ->在无痕模式下启用 + 允许访问文件网址
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献1条内容
所有评论(0)