引入依赖@vueuse/core的库后Vite HMR失效问题排查

本地开发环境下，我的Vite + Vue3项目原本HMR热更新功能正常，但引入依赖@vueuse/core的第三方库后，HMR完全停止运行。

调试过程中确认以下现象：

• 注释该第三方库的引入后，HMR恢复正常
• 引入自研库时，HMR同样失效；移除自研库中的@vueuse/core依赖后，HMR再次恢复正常

我推测问题是项目的Vue核心依赖版本与@vueuse/core所依赖的Vue版本不一致导致的。

复现步骤 #

1. 创建基础Vite + Vue3项目
2. 安装并引入依赖@vueuse/core的库
3. 观察到HMR热更新失效
4. 移除该库的@vueuse/core依赖后，HMR恢复正常

环境信息 #

• Vite: 4.4.9
• Vue: 3.3.4
• @vueuse/core: 12.7.0

内容的提问来源于stack exchange，提问作者WenJia