日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 Vue 正文

vue動態路由加載時 Cannot find module xxx 錯誤解決方法

作者:longzhoufeng 更新時間: 2022-04-04 Vue

vue由靜態路由改為動態路由時,出現下面的錯誤
在這里插入圖片描述
靜態路由懶加載,當我們把在router里面,把它寫死在ts里時,它加載的ok的,可是我們通過api接口拉取過來的數據時,發現是不報了上面的錯

// 靜態路由懶加載
export const loadView = (view: any) => {
  return () => import(`@/views/${view}.vue`)
}

錯誤原因是webpack打包邏輯,webpack4中動態import不支持變量方式,查看路由返回的信息,只是返回一個方法。
在這里插入圖片描述
而靜態路由的返回,這個才是正確的組件返回方式
在這里插入圖片描述
但是我們是要改為動態路由,則必須把它修改為
在這里插入圖片描述
這樣動態路由加載就OK了

export const loadView = (view: any) => {
  return (resolve: any) => require([`@/views/${view}.vue`], resolve)
}

原文鏈接:https://blog.csdn.net/longzhoufeng/article/details/106469115

欄目分類
最近更新