Chrome 中的 Vue DevTools：检测到 Vue 但未显示任何数据

Question

我是 Vue 的新手，我想试用 DevTools。我使用 vue cli 创建了一个全新的应用程序（没有额外的代码），该应用程序是 Vue v2，我的 chrome 插件是 v6.0.0 beta 3.

vue create my-app

当运行应用程序处于开发模式时，chrome 工具栏 devtools 'V' 显示绿色，表示检测到 Vue。我按下 F12，我在开发人员控制台中看到了 Vue 选项卡，但它是空的，App 下拉列表显示 'No App' 并且列表中没有任何内容，Components 下拉列表也是空的。

我在开发控制台中单击 Vue 选项卡后在控制台中注意到了这一点：

[HMR] Waiting for update signal from WDS...
DevTools failed to load SourceMap: Could not load content for chrome-   extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/queue.js.map: HTTP error: status code 404,    net::ERR_UNKNOWN_URL_SCHEME
Enabling backend for Vue 2
connect
connect done
Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null
at registerAppJob (backend.js:1414)
App with id 0 not found
Uncaught (in promise) TypeError: Cannot read property 'id' of null

我还需要配置什么来启用 Vue DevTools 吗？

Answer 1

这很可能是 DevTools v6 中的一个问题 - 它仍处于测试阶段。恢复到 v5，它将正常工作。您可以尝试在 Github 上提交问题，以便他们修复错误。

Chrome 中的 Vue DevTools：检测到 Vue 但未显示任何数据

Vue DevTools in Chrome: Vue is detected but no data is shown

vue.js

vue-devtools