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