react+vite动态导入报错@vite-ignore的问题及解决

const url = import(`../pages/${locale}`)  // vite不支持

const url = import(`../pages/${locale}/index.jsx`)  // vite不支持

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

// vite 生成的代码
const modules = {
  './dir/foo.js': () => import('./dir/foo.js'),
  './dir/bar.js': () => import('./dir/bar.js')
}

import.meta.glob('@/pages/*/*') 

import.meta.glob('@/pages/*/*/*') 

// locale为路径名称 例如：dashboard/analysis
function importLocale(locale) {
    // 判断 / 出现次数  用于匹配菜单组件 （pages目录下）
    let n = (locale.split('/')).length - 1;
    // vite动态导入方法
    let modules = import.meta.glob('@/pages/*/*')

    // 组件层级  0一级 ，1二级，2三级，3四级，4五级  
    // pages下一级目录：commonview/index.jsx     login/index.jsx等等
    // pages下二级目录：dashboard/analysis/index.jsx    system/user/index.jsx等等
    switch (n) {
        case 0:
            modules = import.meta.glob('@/pages/*/*')
            break;
        case 1:
            modules = import.meta.glob('@/pages/*/*/*')
            break;
        case 2:
            modules = import.meta.glob('@/pages/*/*/*/*')
            break;
        case 3:
            modules = import.meta.glob('@/pages/*/*/*/*/*')
            break;
        case 4:
            modules = import.meta.glob('@/pages/*/*/*/*/*/*')
            //最多给你5级菜单目录，多了自己加。注意是菜单组件目录不是普通组件，我觉得没哪个傻逼会写好几级目录，菜单是系统设置-菜单管理里面添加的，注意下就行。
            break;
        default:
            break;
    }

    let url = modules[`/src/pages/${locale}/index.jsx`]
    
    // 找不到本地组件直接403
    if (url == undefined) url = () => import(`../components/error403`)
    
    // const url = import(`../pages/${locale}`)  // vite不支持

    return url
}