vite+vue3 处理后台路由不能使用模板字符串

在 搭建 v3框架 处理后台路由时 发现不能使用模板字符串导入动态路由，控制台报错---> Failed to resolve module specifier '() => import(__vite__injectQuery(`@/view/${item.component}`, 'import'))'

解决：使用 import.meta.glob ，导入模块

const layouModules: any = import.meta.glob('../layout/*.{vue,tsx}');
const viewsModules: any = import.meta.glob('../views/**/*.{vue,tsx}');
const dynamicViewsModules: Record<string, Function> = Object.assign({}, {...layouModules}, {...viewsModules});

 得到以下内容

 通过正则表达式或者模板字符串处理动态路由

 dynamicViewsModules[`../views/${item.component}` + ".vue"]

 

 

 功能 | Vite 官方中文文档 (vitejs.dev)https://cn.vitejs.dev/guide/features.html#glob-import