Chrome 扩展 vue-devtools 未检测到 Vue

Question

未检测到我的 <script src="https://cdn.jsdelivr.net/npm/vue"></script>

另外 https://v2.vuejs.org/v2/examples/commits.html 有 <script src="/js/vue.js"></script> 当点击 Chorme 的 Vue 图标时说“未检测到 Vue.js”

PS：使用 此处 描述的扩展并假设 github.com/vuejs/vue-devtools 。

---

编辑：安装什么也没说，但你 必须关闭并重新打开 Chorme 。

好吧，这是一个新问题，现在单击 VueIcon 消息是

在此页面上检测到 Vue.js。 Devtools 检查不可用，因为它处于生产模式或被作者明确禁用。

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

Answer 1

我发现了这个简单的解决方法：

• 右键单击 Vue 图标并单击 Manage extensions
• 向下滚动并启用 Allow access to file URLs
• 重新启动 Chrome，一切都会好起来的。

注意： 您可能需要通过在脚本开头添加此行来打开调试模式

Vue.config.devtools = true;

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

Answer 2

如果使用 Vue 3，您需要当前仍处于测试阶段的新版本扩展 https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg?hl=en

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