1

我是 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 吗？

4

1 回答 1

0

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

于 2021-01-29T11:22:55.473 回答