vue3出现Error: Unknown variable dynamic import

javascript 复制代码
Unknown variable dynamic import
前端做动态路由权限

   component = () => import(`../views/${url}/${url}.vue`)
1
解决方法:

  // 首先把你需要动态路由的组件地址全部获取
   
 let modules = import.meta.glob('../views/**/*.vue')
 
 // 然后动态路由的时候这样来取
 component = modules[`../views/${url}/${url}.vue`]

自定义案例
 navigationList.forEach( navigation => {
      let modules = import.meta.glob('../views/**/*.vue')
      router.addRoute('index', {
        path: navigation.url,
        // meta: { name: navigation.name, icon: navigation.icon },
        name: navigation.name,
        component: modules[`../views${navigation.url}${navigation.url}.vue`],
      })
    })
    console.log(router.getRoutes(), '查看现有路由')
    next()
  }
相关推荐
码上暴富2 小时前
axios请求的取消
前端·javascript·vue.js
Yang-Never3 小时前
Kotlin -> 普通Lambda vs 挂起Lambda
android·开发语言·kotlin·android studio
遗憾皆是温柔3 小时前
3.JVM,JRE和JDK的关系是什么
java·开发语言·jvm·面试
新中地GIS开发老师4 小时前
2025Mapbox零基础入门教程(14)定位功能
前端·javascript·arcgis·gis·mapbox·gis开发·地理信息科学
han_5 小时前
前端遇到页面卡顿问题,如何排查和解决?
前端·javascript·性能优化
奔波霸的伶俐虫6 小时前
jeecg框架@Dict不生效问题
开发语言·python
changuncle7 小时前
Angular初学者入门第一课——搭建并改造项目(精品)
javascript·ecmascript·angular.js
海天胜景7 小时前
vue3 el-table 去除小数 并使用千分号
javascript·vue.js·elementui
YY_TJJ7 小时前
8.4 Java Web(Maven P50-P57)
java·开发语言·maven