问题描述
我正在使用打字稿在vue 3中开发一个新应用。
我已经在Chrome中安装了Vue Devtools,但是它拒绝将该应用识别为声明Vue.js not detected
的Vue应用。
我在互联网上找到的帮助是将Vue.config.devtools = true;
添加到main.js。但是Vue
在main.ts中不可用
我还找到了适应webpack配置的说明,但是项目中没有webpack(由vue-cli
设置。
解决方法
从here下载或使用浏览器安装:
vue devtools version is v6.0.0 beta
,
我需要做更多。
1。为 Vue 3 安装插件
2。在配置中启用 devtools
此外,如果您同时安装了 Vue 2 和 Vue 3 插件,则必须禁用其中之一才能使开发者控制台中的 Vue 选项卡正常工作。
因此,如果您现在使用 Vue 3 进行开发,请禁用 Vue 2 的插件。
,检查此问题。 https://github.com/vuejs/vue-devtools/issues/1244
(稍后)
也许将此代码添加到“ main.ts”会有所帮助。
const app = Vue.createApp(App)
app.config.devtools = true
,添加到来自 Tolbxela 和 byungster 的答案:
我将以下命令放入 main.ts:
app.config.performance = true;
代替:
app.config.devtools = true;
'devtools' 不再存在于配置中,它破坏了打字稿编译器。
附加信息:我需要重启浏览器并启动 VueDevtools 稳定版。