Failed to fetch dynamically imported module报错

Vue3+Vite做动态路由的时候:
之前的引入方式是: 

let obj = {
  path: v.path,
  name: v.name,
  icon: v.icon,
  component: import(`${v.component}`),
  children: setRouter(v.children)
}

报错后改成如下方式:

const modules = import.meta.glob('../views/**')

let obj = {
  path: v.path,
  name: v.name,
  icon: v.icon,
  component: modules[v.component],
  children: setRouter(v.children)
}