vite热更新(vue3)

1.开启热更新

vite.config.ts文件中添加代码:

hmr: true,  // 开启热更新

在这里插入图片描述
若已开启热更新,但依旧无效,则需检查路由文件👇。

2.检查路由文件

检查router文件夹下index.ts文件:
在这里插入图片描述
导入的路径必须和文件路径保持一致,如上组件路径Home/Home.vue,倘若导入是将Home写成home,也会导致vite热更新失效。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐