vue3动态路由报错,Cannot find module

我最近根据vue3创建了一个后台管理项目，想根据动态路由来控制用户权限，却在这里开始各种报错，求告知

const datalist = (datas, arr) => {
  datas.forEach((data, index) => {
    console.log('path :', data.path)
    arr.push({
      path: data.path,
      hidden: data.hidden == 'true' ? true : false,
      // component: () => import('pages/' + data.path),报错
      // component: (resolve) => require(['../pages' + data.path], resolve),报错
      // component: (r) => r.ensure([], () => r(require(`src/pages${data.path}/index.vue`))),报错
      // component: () => import('src/pages'+data.path+''),报错
      component:loadView(data.path),报错
      meta: {
        name: data.name,
        label: data.alias,
        icon: data.source,
        button: '',
      },
    })
    if (data.children.length) {
      const childArr = initMenu(data.children, [])
      arr[index].children = childArr
    }
  })
  return arr
}

const loadView = (view) => {
  // 路由懒加载
  return (resolve) => require([`src/pages${view}/index.vue`], resolve)
}

可以告诉我该怎么做吗

路径写对了吗

这个问题解决了吗？

请问这个问题解决了吗，我也遇到这个问题，三周了都没解决。