irpas技术客

vue2 升级到 vue3 router 动态授权路由 异步加载报错 TypeError: Cannot read properties of undefine

大大的周 6786

使用

resolve => require([`../../views/${item.component}`], resolve)

会报错

TypeError: Cannot read properties of undefined (reading 'apply') 我的解决历程

由于并不了解require,加上 resolve 也没定义 先尝试将 resolve 删除掉,即:

() => require([`../../views/${item.component}`])

结果视图组件似乎没有被正确加载

Error: Couldn't resolve component "default" at "/xxx"

getRoutes 也看不出个所以然

注:这里我已经知道了 vue router 移除了 addRoutes 并在代码做了相应调整

折腾一圈无果,回过头来可能还是 require 那里的问题。 看了一些教程,这个写法应该也没什么问题 所以一度陷入僵局。

最后回归本源从项目的逻辑出发 ——我需要实现的就是异步加载,可以不用require 其实之前也考虑过,但是我用 webpack 的 import 也不成功。。 后面查到了 require.ensure 试试看,没想到成了!!😃

() => require.ensure([], (require) => require(`../../views/${item.component}`))


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Vue2 #升级到 #Vue3 #Router #动态授权路由 #异步加载报错 #TypeError #Cannot