【Vue3】vue3 部分組件手動刷新也無法熱更新

問題描述

Vue3 + Vite 項目中，對部分組件進行修改後保存，頁面無變化。手動刷新頁面，依舊無變化；Ctrl+F5刷新頁面，依舊無變化；

以爲是熱更新失效了，參考百度解決後在 vite.config.ts中設置熱更新：

但明明已經配置了，還是沒有生效，最後看到這篇博客解決問題：點擊跳轉

解決方法

出現 bug 的原因大概率就是你當前組件在父組件中 import 的組件路徑大小寫錯誤導致的。

比如這個就是錯誤的：

import capacity from "@/views/main/components/capacity.vue";
import workOrder from "@/views/main/components/workOrder.vue";
import runningState from "@/views/main/components/runningState.vue";
import callPolice from "@/views/main/components/callPolice.vue";

正確應該是大小寫和路徑名（Main）一樣：

import capacity from "@/views/Main/components/capacity.vue";
import workOrder from "@/views/Main/components/workOrder.vue";
import runningState from "@/views/Main/components/runningState.vue";
import callPolice from "@/views/Main/components/callPolice.vue";