HMR 相关问题
模板使用 vite 做为构建工具,vite 默认支持 HMR(热模块替换)。
useVueRouter, useI18n 导致报错
在顶层更新代码导致报错
例如,在 Layout.tsx 中更新了代码,页面可能就会因为使用了 useVueRouter, useI18n 等 hook 导致报错。
因为,在模板中为了满足一些业务需求,需要异步注册 vue-router 和 vue-i18n,所以在顶层更新代码时,可能会导致报错。
目前还没有好的解决方案,可以通过手动刷新页面来解决。
提示
在 v4.7.0 版本中,修复了 useVueRouter 的问题,但是 useI18n 还是可能会报错。