Vue-Router 報錯集錦

報錯1

報錯描述
Failed to resolve async component default: Error: Cannot find module 'XXX'。

報錯緣由：
頗有多是你在路由懶加載的時候，在import()裏使用了動態路徑。好比，component: () => import(/* webpackChunkName: "home" */ PATH + 'Index.vue'),這樣的路徑是不起做用的，具體緣由能夠查看 這裏，準備好你的英語單詞哦。

解決方案：
去掉動態路徑，使用靜態路徑，好比，component: () => import(/* webpackChunkName: "home" */ './Index.vue')。

---

小夥伴們有其餘報錯集錦，歡迎轟炸評論區或者在微信公衆號【grain先森】留言，知道緣由和解決方案的，最好能貼上，感謝！

本文同步分享在 博客「grain先森」（JianShu）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。