Chrome中的Vue DevTools :检测到Vue，但未显示数据

Question

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

vue create my-app

在开发模式下运行应用程序时，chrome工具栏devtools 'V‘显示为绿色，表示检测到Vue。我点击了F12，我在开发者控制台看到了Vue标签，但它是空的，应用程序下拉菜单显示‘没有应用程序’，列表中什么也没有，组件下拉菜单也是空的。

在单击dev console中的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上提交一个问题，这样他们就可以修复这个bug。