背景: vue項目今天前正常運行,早上打開電腦,並沒有編輯代碼,直接刷新了下頁面。
今日,在運行vue項目時,突然頁面出不來,打開控制檯,報以下錯誤:
經過仔細排查後,解決了問題 ,下面分享我解決問題的方法。
首先,出問題的是Cate頁面,其他頁面正常,我找到了 定義路由的文件,router/index.js ,查看後發現:
在查看 goods目錄下的文件:
於是大概明白了產生問題的原因, 爲了驗證,我將路由文件中的 上述 組件定義改爲以下:
修改完,刷新頁面, 發現頁面正常顯示了。控制檯也沒有報錯了。 所以該問題的原因是 在vue導入文件時,發現目錄下存在兩個相同的文件,於是就去導入以js結尾的文件,就造成了上述問題。 於是新的問題來了, goods目錄下的cate.js 和Cate.vue 是我之前定義的,前幾日,兩者共存, 路由文件中定義組件時,也是最開始的定義方式,但是並未報錯,頁面也是正常的加載。我猜測 可能會瀏覽器緩存所致??