动态路由中,有一步需将后端传回的component 的字符串模式,改为我们前端路由需要的component模式,报错Cannot find module

动态路由中,有一步需将后端传回的component 的字符串模式,改为我们前端路由需要的component模式

一、import写法 报错

动态路由 Cannot find module '@/views/Home.vue'

function loadPageByRoutes(str) {
    
     // 传入的str为 '@/views/Home.vue'  这种格式 
   return () => import(`${
      
      str}`);// 要报错 
}

二、改为require写法,并返回一个resolve ,可行

function loadPageByRoutes(str) {
    
     // views文件夹下的Home组件,传入的格式为 'Home'
  return function (resolve) {
    
    
    require([`@/views/${
      
      str}.vue`], resolve);
  };
}

猜你喜欢

转载自blog.csdn.net/ddx2019/article/details/108382858