vite构建vue3项目hmr不生效问题踩坑记录

vite构建vue3项目hmr不生效问题踩坑记录

hmr的好处

以下是以表格形式呈现的前端开发中HMR（热模块替换）带来的好处：

好处	描述
提升开发效率	允许开发者在不刷新整个页面的情况下实时更新修改的代码，减少等待时间
保持应用状态	在模块替换时保持应用的状态不变，对于单页应用尤其有用
快速定位问题	使得开发者能够快速定位并修复代码中的问题，更容易观察代码行为
改善开发体验	减少了等待时间，使得开发者能够更流畅地进行编码和调试
支持复杂结构	对于具有复杂结构和多个模块的大型应用，只更新更改的部分
促进CI/CD	加速代码审查和测试过程，缩短开发周期
节省资源	只更新更改的部分，节省网络资源和计算资源，对移动设备尤其重要

所以说如果hmr不生效，对于前端开发来说还是会很影响工作效率的。

关于热更新不生效问题，我查询了很多，有以下几点可能导致vite的hmr不生效（关键是vite是内置热更新的，不需要想webpack那样需要下载相关插件进行配置。）