Chrome扩展程序vue-devtools未检测到Vue

Question

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

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

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

---

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

好吧，这是一个新问题，现在on-click-VueIcon消息是

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

Answer 1

我找到了这个简单的解决方法：

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

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

Vue.config.devtools = true;

Answer 2

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