解决vue路由动态加载报错
·
1.动态引入component
component: () => import('@/views/' + path + '/index']) 错误
component: (resolve) => require([`@/views/${path}/index`], resolve) 正确
错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是返回一个方法。
而静态路由的返回，这个才是正确的组件返回方式
但是我们是要改为动态路由，则必须把它修改为
这样动态路由加载就OK了
component: (resolve) => require([`@/views/${path}/index`], resolve)
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)