vue.js - Chrome 中的 Vue devtools：未检测到 Vue.js

Question

我是 Vue 的新手，我尝试使用 Vue 3 Composition API，我创建了演示应用程序，它运行良好。

我在 Chrome 中安装了 Vue.js Devtools，但是当我打开我的网站时，我什么也做不了；它具有灰色/禁用的外观，当我单击它时，我得到工具提示“未检测到 Vue.js”，并且在我的开发人员工具中，我没有看到任何关于 Vue 的选项卡或其他任何内容。

编辑：我运行一些本地应用程序，例如“http://localhost:8998/#/home”

EDIT2：哪一个？IDK，我刚刚用谷歌搜索并选择了用户评分最高的顶部，我添加了一个捕获

Answer 1

信用：裙子

Vue 2 和 Vue 3 有不同版本的开发工具。确保您使用的是与 Vue 3 兼容的版本。目前是 6.0.0 beta 3。

您还需要使用 Vue 的开发版本，以便开发工具能够与之交互。它不适用于 Vue 的生产版本。

Answer 2

你试过npm run dev吗？您的 Vue 应用程序需要处于开发模式才能显示 Vue 开发工具选项卡。