En el enrutamiento dinámico, hay un paso para cambiar el modo de cadena del componente devuelto por el backend al modo de componente requerido por nuestro enrutamiento de front-end, y se informa un error No se puede encontrar el módulo.

En el enrutamiento dinámico, hay un paso para cambiar el patrón de cadena del componente devuelto por el backend al patrón de componente requerido por nuestro enrutamiento de front-end

Uno, informe de error de escritura de importación

Enrutamiento dinámico Cannot find module '@/views/Home.vue'

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

2. Cambiar para exigir la redacción y devolver una resolución, lo cual es factible

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