vue3动态路由懒加载Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext

项目场景：

最近在使用vue3+elementPlus做后台管理的权限管理，在动态添加路由懒加载出现问题

---

问题描述：

export const loadView = view => {
    // 路由懒加载
    return () => import(`@/views/${view}`); // 报错
    // return () => require(`@/views/${view}`); // 报错
    // return resolve => require([`@/views/${view}`], resolve); // 报错
};

在使用懒加载+变量出现获取不到报错

---

原因分析：

不知道为什么都会报错。好像是webpack的import不支持动态引入

---

解决方案：

				 // addRoute(parentName: string | symbol, route: RouteRecordRaw): () => void		
				 router.addRoute(parentName, {
                        ...r,
                        path: `/${r.path}`,
                        name: r.name,
                        component: layout,
                    });

在添加函数里面可以拿到外面就不行，本人就是这样解决的，有大佬有更好的办法谢谢指点。