vue報錯Failed to mount component

背景: vue項目今天前正常運行,早上打開電腦,並沒有編輯代碼,直接刷新了下頁面。

今日,在運行vue項目時,突然頁面出不來,打開控制檯,報以下錯誤:

經過仔細排查後,解決了問題 ,下面分享我解決問題的方法。

 首先,出問題的是Cate頁面,其他頁面正常,我找到了 定義路由的文件,router/index.js ,查看後發現:

 在查看 goods目錄下的文件:

 於是大概明白了產生問題的原因, 爲了驗證,我將路由文件中的 上述 組件定義改爲以下:

 修改完,刷新頁面, 發現頁面正常顯示了。控制檯也沒有報錯了。 所以該問題的原因是  在vue導入文件時,發現目錄下存在兩個相同的文件,於是就去導入以js結尾的文件,就造成了上述問題。 於是新的問題來了, goods目錄下的cate.js 和Cate.vue 是我之前定義的,前幾日,兩者共存, 路由文件中定義組件時,也是最開始的定義方式,但是並未報錯,頁面也是正常的加載。我猜測 可能會瀏覽器緩存所致??

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章