vue.js项目,第一次点击链接正常,第二次点击后报错:load chunk 12 failed。类似该问题如何解决?

1.问题如题描述,对 vue.js 进行打包后加载运行,点击网页的任何一个链接,都正常加载对应的组件并显示出来,但当此后点击任意一个其他的链接都会出现类似问题,就是加载对应的组件失败,如:

Error: Loading chunk 35 failed.                                       vue-router.esm.js:1905
    at HTMLScriptElement.a (bootstrap ece8414839092420e926:103)

里面的数字为对应 *.vue 视图问题文件对应的组件,出现这种问题该如何解决,往上找很多方法都不行。

个人猜测是 webpack 打包的时候可能和 babel 相关有问题,但是打包的时候并没有报任何错误,所以也就摸不着头脑,希望哪位高手指点一下迷津,谢谢!

阅读 11.2k
7 个回答

你倒是贴配置代码啊

新手上路,请多包涵

请问找到问题的答案了吗?我也找了好久也没找到问题

新手上路,请多包涵

这个问题应该跟路由按需加载有关,我也遇到了,求高手
clipboard.png

clipboard.png

const Comp = resolve => require(['./Components/Comp.vue'], resolve)

应该是webpack的问题,好像webpack4.2+版本已经修复此问题

这个是浏览器缓存与打包有关 ,当你的项目是懒加载项目,且你有新包发布的时候,本地懒加载旧的哈希模块,而线上有重新的打包,且哈希值不同就会出现这个问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题