vue3+vite,写动态路由时候遇到的坑
import导入一直报错,看了网上说import不行要写成 require之类的,都试了个遍,结果还是不行。
一个很容易犯的错误:理所当然的以为alias是可以使用的。
事实上写全相对路径就可以了!!!
let r = await apis['common/getRouteList']()
const list = r.map((t) => ({
id: t.id,
pid: t.parentId,
name: t.name,
path: t.path,
meta: {
title: t.title,
icon: t.icon,
type: t.type,
},
//正确写法 import(`/src/views${t.component}`)
//错误写法 import(`@/views${t.component}`)
component: () => import(`/src/views${t.component}`)
}));
还是基础不行,忽略了vite的alias