Vue DevTools突然无法显示组件树了怎么办?

设计师新霞 阅读 47

今天升级到Vue 3.2.31后,DevTools的组件树和状态都变成了灰色不可用。已经重装过插件和依赖,但控制台一直报错:

[Vue Devtools] incompatible Vue version detected (3.2.31)

试过切换浏览器和修改vue.config.js配置都不行,求大神指点还有啥排查方法?

我来解答 赞 5 收藏
二维码
手机扫码查看
1 条解答
轩辕树泽
你这个问题是Vue DevTools版本和Vue版本不兼容导致的。直接在项目里安装匹配的devtools包试试:
npm install vue-devtools@6 --save-dev

如果还不行,检查下是否用了虚拟DOM优化,禁用掉 productionTip 和确保 defineConfig 里开启了 devtools: true
点赞 8
2026-01-29 07:00