解决Vite hmr热更新失效BUG

6,291 阅读1分钟

最近在做Vue3项目时,经常会出现hmr热更新失效的问题,每次修改完代码都要重新启动项目刷新页面,开发效率非常低😭😭😭

初步排查排除了路由大小写拼写错误导致热更新失效的可能性。观察终端输出结果发现热更新失效的情况通常发生在修改ts文件后,页面刷新后未触发page reload,导致hmr update无法触发。

经过查阅文档找到了一个临时的解决办法:

// vite.config.ts
server: {
    watch: {
      usePolling: true,   // 修复HMR热更新失效
    },
}

hmr热更新立即就正常了😃

如果有大佬知道更好的解决办法,欢迎在评论区留言👏👏👏