Vue3+Vite修改页面后，热更新/刷新页面无变化

问题描述：

Vue3 + Vite 项目中，对组件进行修改后保存，页面无变化；

手动刷新页面，依旧无变化；Ctrl+F5刷新页面，依旧无变化；

以为是热更新失效了，在vite.config.ts中设置热更新：

server: {
    host: "localhost",
    hmr: true,
  }

依旧无效。

最后在百度一番后找到了解决方法：点击跳转

问题原因：

在Webstorm中使用了Tabnine（AI代码补全）插件，在补全引入组件HsToolBar.vue的路径时，使用了错误的路径

import HsToolbar from "./components/HsToolbar.vue"; //组件名称大小写错误

正确引入为：

import HsToolbar from "./components/HsToolBar.vue";

所以还是要细心些。