问题描述

在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的名称要保持一致（注意文件名大小写）