问题描述
使用动态路由无法加载模块
报错信息如下:
vue-router.esm.js:2117 Error: Cannot find module '@/components/main/main.vue' at webpackEmptyContext (libs sync:2) at lazyLoading.js:2
但是在 routers.js 中引用的
首页和登录页面都是可以正常打开的
用户登录后从数据中加载的路由地址通过动态加载无法打开
调用方式如下
menu.component = lazyLoading(menu.component)
lazyLoading.js 代码如下
// export default (url) => () => import(`@/${url}`) // 这种不可以 export default (url) => () => import(`@/` + url) // 这个可以 // export default (url) => () => import(`@/components/main`)
npm run dev 会出现以上描述情况
不修改任何代码的情况下
但是 npm run build 则所以模块正常打开
已解决
悬赏分:80
- 解决时间 2022-01-05 06:17
点赞 0反对 0举报 0
收藏 0
分享 5