Vite打包后动态路由加载失败的问题
vite打包部署后,跳转路由出现以下问题: TypeError: Failed to fetch dynamically imported module:
vite打包时,动态导入的模块不会被直接打包,导致加载失败
使用vite官网提供的动态导入方式:import.meta.glob函数从文件系统导入多个模块
const modules = import.meta.glob('./dir/*.js')
router.addRoute("index", {
path: item.component,
name: item.menuKey,
meta: {
title: item.menuName
},
component: modules[`../views/${item.component}.vue`]
})