问题描述
在vue3 + vite 项目中，对组件进行修改后保存，页面无变化；
手动刷新页面，依旧无变化；Ctrl+F5刷新页面，依旧无变化；
只有重新npm run dev才会生效
解决办法
百度一番大概是需要手动配置热更新。
在vite.config.ts（我这里用到的是ts,如果是js应是vite.config.js）配置文件中配置红框中内容（hmr：true是配置热更新的关键）
export default defineConfig({
server: {
host: "localhost",
//vue3 vite配置热更新不用手动刷新
hmr: true,
}
})
注意注意注意
router的路径对应引入的component的名称要保持一致（注意文件名大小写）