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()
  }
相关推荐
white-persist3 小时前
XXE 注入漏洞全解析:从原理到实战
开发语言·前端·网络·安全·web安全·网络安全·信息可视化
人生导师yxc3 小时前
Java中Mock的写法
java·开发语言
半路程序员3 小时前
Go语言学习(四)
开发语言·学习·golang
沐知全栈开发4 小时前
C# 枚举(Enum)
开发语言
秦禹辰4 小时前
轻量级开源文件共享系统PicoShare本地部署并实现公网环境文件共享
开发语言·后端·golang
勤奋菲菲4 小时前
Koa.js 完全指南:下一代 Node.js Web 框架
前端·javascript·node.js
脑子慢且灵4 小时前
C语言与Java语言编译过程及文件类型
java·c语言·开发语言·汇编·编辑器
蒙奇D索大4 小时前
【C语言加油站】C语言文件操作详解:从“流”的概念到文件的打开与关闭
c语言·开发语言·笔记·学习·改行学it
10年前端老司机4 小时前
面试官爱问的 Object.defineProperty,90%的人倒在这些细节上!
前端·javascript
武子康5 小时前
Java-144 深入浅出 MongoDB BSON详解:MongoDB核心存储格式与JSON的区别与应用场景
java·开发语言·数据库·mongodb·性能优化·json·bjson