Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

vue-router.esm.js?8c4f:2079 ChunkLoadError: Loading chunk 66 failed. #2258

Open
coderja opened this issue Sep 1, 2022 · 10 comments
Open

vue-router.esm.js?8c4f:2079 ChunkLoadError: Loading chunk 66 failed. #2258

coderja opened this issue Sep 1, 2022 · 10 comments

Comments

@coderja
Copy link

coderja commented Sep 1, 2022

复现步骤,错误日志以及相关配置

主应用域名localhost:3000
子应用域名localhost:3001
主子应用均采用vue-admin-template构建项目,会同时加载路由与菜单,路由是动态路由从服务器获取。

主应用有两个按钮: 父按钮、子按钮 。点击子按钮跳到子应用后,再点击主应用上面的父按钮跳回父应用(用的是this.$router.push())报如下错误

但是使用location.href可以跳转成功

报错信息:

image

vue-router.esm.js?8c4f:2079 ChunkLoadError: Loading chunk 66 failed.
(missing: http://localhost:3001/js/66.js)
at Function.requireEnsure [as e] (app.js:952)
at fn.e (app.js:187)
at Array.map ()
at webpackAsyncContext (eval at ./src lazy recursive ^./.*.vue$ (app.js:1), :2378:34)
at webpack_exports.default (lazyLoading.js?82d3:1)
at eval (vue-router.esm.js?8c4f:1903)
at eval (vue-router.esm.js?8c4f:1930)
at Array.map ()
at eval (vue-router.esm.js?8c4f:1930)
at Array.map ()

相关环境信息

  • qiankun 版本
  • 2.4.3
  • 浏览器版本
  • chrome 96.0.4664.110(正式版本) (x86_64)
  • 操作系统
  • mac
@SupremeZJw
Copy link

我也是用的vue-admin-template模版,出现了这个问题

@gongshun
Copy link
Collaborator

gongshun commented Sep 6, 2022

参考 #1777 (comment)

@coderja
Copy link
Author

coderja commented Sep 8, 2022

我也是用的vue-admin-template模版,出现了这个问题

你解决了吗

@SupremeZJw
Copy link

SupremeZJw commented Sep 8, 2022

我项目中出现这个bug是因为我在基座中注册了子应用的路由。目前我就是用location.href进行跳转,后续会把基座中子应用的路由拆解出来。

我也是用的vue-admin-template模版,出现了这个问题

你解决了吗

@SupremeZJw
Copy link

我也是用的vue-admin-template模版,出现了这个问题

你解决了吗

最新发现,子应用需要在unmount的时候手动把router = null, @gongshun 给出的链接里面有demo

@SupremeZJw
Copy link

参考 #1777 (comment)

问题解决了,十分感谢

@aMiing
Copy link

aMiing commented Nov 23, 2022

#1777 (comment)
有 router=null, 还是会报这个错。
报这个错的原因是:切换了子应用,从A->B, A中的资源模块停止加载了,但(可能是)实例仍然会处理这个资源,判断资源拿不到,然后抛出了错误。

@aMiing
Copy link

aMiing commented Nov 23, 2022

参考 #1777 (comment)

仍然没有解决,大佬能否说下问题的核心

@coderja
Copy link
Author

coderja commented Nov 23, 2022

最终路由改造成这样问题解决
image
上面是我子应用组装路由的核心代码

下面是主应用的

image

@coderja
Copy link
Author

coderja commented Nov 23, 2022

参考 #1777 (comment)

仍然没有解决,大佬能否说下问题的核心

看我上面的回复

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants