近來實(shí)施vue項(xiàng)目握侧,遇到修改.vue文件后不能熱更新的問題
,并且一定要重新npm run dev
后才能更新蹬叭,非常影響開發(fā)效率藕咏;
為此在網(wǎng)上找了與該問題相關(guān)的文章,如:
- vue熱替換失效根本原因:https://blog.csdn.net/win7583362/article/details/65443291
- linux下vue熱更新失敗的解決方法:https://blog.csdn.net/shooke/article/details/72678594
試過后均不能解決秽五;蛋疼啊~
沒辦法只能自己排查孽查,不能熱更新的主要是views目錄下的.vue文件,以下是我views目錄的大致結(jié)構(gòu):
-views
------Home
----------index.vue
------Menu
----------index.vue
----------detail.vue
------404.vue
- 為什么404.vue可以熱更新而其它文件夾下的
.vue
不能更新坦喘?盲再?? - 會(huì)不會(huì)是router的配置出現(xiàn)了問題呢瓣铣?
果斷嘗試把router中所有的配置全部注釋掉答朋,僅保留/404與/home,把這兩個(gè)配置改成一模一樣的后問題依舊棠笑,但把index.vue文件放在404同級(jí)目錄就可以了梦碗。。這是什么邏輯蓖救?洪规? - 詳細(xì)分析后感覺沒有其它毛病了,難不成是文件夾名稱循捺?斩例??
但也沒有什么特殊字符啊`````總不會(huì)是文件名有大寫導(dǎo)致吧从橘?
將文件夾名稱試著改成小寫念赶,npm run dev 居然OK了。
在vue官方文檔中有提到對(duì)于組件名的大小寫描述恰力,沒想到對(duì)于文件夾名稱也這么敏感2婷铡!具體什么原因目前還未去探索...
困擾好幾天的問題解決了~ 感覺真棒踩萎!