vue-admin无法使用import转动态路由的问题

在vue-admin项目中,使用import方法加载页面时遇到问题,跳转时提示找不到自定义模块。通过在modules/permission.js中用require替换import来动态加载组件,解决了问题。特别地,当遇到MarkdownEditor模块错误时,复制一份MarkdownEditor组件到components目录并重新安装及运行dev命令后,实现了正常跳转和页面显示。
摘要由CSDN通过智能技术生成

   使用import方法,可以在首页加载出页面,但是在跳转的时候提示无法找到自定义的module模块,在 router/index.js方法中可以正常加载自定义的页面,但是动态路由显示not find module @views/....

在vue-admin中的modules/permission.js脚本中使用require的方法代替import动态加载


 export function filterAsyncRoutes(routes, roles) {
  const res = []
  routes.forEach(route => {
    const tmp = { ...route }
    //判断是否有相应的权限
    if (hasPermission(roles, tmp)) {
      //获取该路由对应的组件
      let component = tmp.component;
      //
        //判断是否是根组件
      if(route.component){
        //判断是否有根组件
        if(component === 'Layout'){
          tmp.component = Layout;
        }else{
          //获取对应的具体的组件信息

          console.log(component)
          //使用require的方法代替import导入的方法
          tmp.component = (resolve) => require([`@/views${component}`],resolve)
          // tmp.component = () => import([`@/views${component}`])
          
          
        }
      }
      //判断是否有子菜单
      if (tmp.children) {
        tmp.children = filterAsyncRoutes(tmp.children, roles)
      }
      res.push(tmp)
    }
  })
  return res
}

   这使用这个方法的时候又提示MarkdownEditor模块错误,不知道是拉代码还是什么原因,重新复制一份MarkdownEditor到components下面,重新

npm config set registry http://registry.npm.taobao.org
npm install 

npm run dev 

后正常跳转页面显示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值