VueJs 开发工具面板未显示

Question

我开始在我的应用程序中使用 vue dev-tools ，但在 Chrome 的开发人员模式下它不可见。我尝试了在 dev-tools github 页面和网络上的其他地方找到的各种解决方案，但没有运气。以下是我为显示它所做/尝试过的事情。

1. 在 chrome 扩展中启用 allow access to file URL’s option
2. 在新 Vue({}) 之前添加 Vue.config.debug = true; Vue.config.devtools = true;
3. 添加了 VueJS 文件的非缩小版本
4. 我也在使用 Chrome 最新版本：55.0.2883.87。

单击 chrome 扩展程序时，我确实收到以下消息

除了面板实际上没有显示。

有人对此有解决方案吗？谢谢。

原文由 Malik 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我无法让 Vue 图标在菜单栏上处于活动状态，但是我能够让 Vue 选项卡显示在 Chrome 开发人员工具中。尝试以下操作：

• 关闭 Chrome 开发者工具窗口
• 硬刷新浏览器
• 重新打开开发者工具窗口并寻找 Vue 选项卡

工具栏中的图标可能仍然表明它无法检测到 Vue，但该选项卡应该在 Chrome 开发人员工具中可见。

原文由 Daryn 发布，翻译遵循 CC BY-SA 3.0 许可协议