动态路由引入layout失效

[laiyidiedanchaofenba]

Describe the bug （描述 Bug）

根据ant design pro of vue 官网 路由和默认权限控制描述，按照固定格式返回数据，再使用router.addRoutes动态挂载到 router 上即可，于是尝试使用mock先模拟数据进行动态路由，但是失败了。

To Reproduce （重现步骤） Steps to reproduce the behavior:

1. 打开 src/store/index.js,注释 import permission from './modules/permission' 取消注释 import permission from './modules/async-router'

2.打开src/mock/services/user.js 检查userNav()是否存在并返回路由数据 3. 打开src/api/login.js 检查getCurrentUserNav()是否存在 4. 打开src/permission.js 检查登录后的权限校验逻辑 5. 打开src/store/modules/async-router.js 检查 GenerateRoutes() 6. 打开src/router/generator-routers.js 检查 generatorDynamicRouter()是否存在 7. npm run serve 8. 访问项目发现报错：找不到BasicLayout 9.找到src/router/generator-routers.js 的generator 打印路由信息，发现constantRouterComponents['BasicLayout']居然是undefined,可是constantRouterComponents明明引入了BasicLayout 10.把constantRouterComponents中BasicLayout的引入方式变一下，问题解决

Expected behavior（你期待的是什么?） 请问这问题发生的原因是什么？