ant-design-vue-pro icon indicating copy to clipboard operation
ant-design-vue-pro copied to clipboard

请教有关ant design pro vue 的动态路由问题

Open laiyidiedanchaofenba opened this issue 3 years ago • 2 comments

你好,近期一直在使用您开发的ant deisgn pro vue进行开发,非常感激。 可是碰到了一个难点:我想用mock自带的数据来测试一下动态路由,我找到了src/mock/services/user.jsuserNav方法 接着我找到src/store/index.js注释了 import permission from './modules/permission' 放开了 import permission from './modules/async-router'。然后运行时会报错: can not find module './BasicLayout' at eval(eval at ./src/views lazyrecursive) 我找了一下是src/router/generator-routers.js 里的rootRouter报错,是动态生成的路由中找不到BasicLayout的引入,我想知道这问题怎么解决呢?我注意到模拟的数据里component都是字符串形式的组件名,动态生成的路由会编译到哪个文件上去,是否我在那个文件里预先引入了组件就好了呢? 期盼回复,感谢!

laiyidiedanchaofenba avatar Feb 15 '22 08:02 laiyidiedanchaofenba

11111 22222 33333

laiyidiedanchaofenba avatar Feb 15 '22 09:02 laiyidiedanchaofenba

感谢,通过@sendya的提醒,我反复研究了一下generator-routers.js, 在generator()中打印了一下:console.log(item.component,constantRouterComponents[item.component]),发现constantRouterComponents['BasicLayout']居然是undefined,于是我把constantRouterComponents中的BasicLayout改成了() => import('@/layouts/BasicLayout'),菜单总算出来了! 44444

laiyidiedanchaofenba avatar Feb 15 '22 09:02 laiyidiedanchaofenba