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 选项卡，但它是空的，应用程序下拉菜单显示“无应用程序”并且列表中没有任何内容，组件下拉菜单也是空的。

单击开发控制台中的 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 上提交问题，以便他们修复错误。