最近在做Vue3
项目时,经常会出现hmr热更新失效
的问题,每次修改完代码都要重新启动项目刷新页面,开发效率非常低😭😭😭
初步排查排除了路由大小写拼写错误
导致热更新失效的可能性。观察终端
输出结果发现热更新失效的情况通常发生在修改ts文件
后,页面刷新后未触发page reload
,导致hmr update
无法触发。
经过查阅文档找到了一个临时
的解决办法:
// vite.config.ts
server: {
watch: {
usePolling: true, // 修复HMR热更新失效
},
}
hmr热更新立即就正常了😃
如果有大佬知道更好的解决办法,欢迎在评论区留言👏👏👏