再一次開發訂餐系統中，遇到訂餐頁面引入頭部商品列表，底部組件時，報錯，模塊編譯失敗，未進入緩存區。
我以為是新添加的模塊沒有重新啟動導致的，然后重新與運行npm run dev后還是失敗，
最后經過反復測試，
當在父組件中引入子組件時，如果命名Header/header Section/section Footer/footer三個組件時。就會報錯
解決辦法：
改變命名規則，header換成CardHeader后就可以正常使用。這個坑讓我爬了半天，官方文檔中也並未做出聲明，具體原因還未做分析。以上就是解決辦法。希望對大家有幫助