ChunkLoadError: Loading chunk 0 failed

已于 2022-06-24 18:12:19 修改
阅读量3.4k 收藏
点赞数
分类专栏： 前端 文章标签： 前端 webpack
于 2022-05-01 09:29:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w5475495/article/details/124517440
版权

umi+antd打包部署之后，使用IP、域名访问提示：

vendors.68a7c9b0.async.js:1 
        
       Uncaught SyntaxError: Unexpected token '<' (at vendors.68a7c9b0.async.js:1:1)
umi.c458e4f5.js:1 
        
       Uncaught (in promise) ChunkLoadError: Loading chunk 0 failed.
(missing: http://IP/vendors.68a7c9b0.async.js)
    at Function.i.e (umi.c458e4f5.js:1:5964)
    at component (umi.c458e4f5.js:1:1088515)
    at y.resolve (umi.c458e4f5.js:1:41009)
    at r.value (umi.c458e4f5.js:1:40546)
    at new r (umi.c458e4f5.js:1:40351)
    at ja (umi.c458e4f5.js:1:1407482)
    at tc (umi.c458e4f5.js:1:1425044)
    at Nc (umi.c458e4f5.js:1:1463479)
    at Rl (umi.c458e4f5.js:1:1455159)
    at Nl (umi.c458e4f5.js:1:1455084)

但是在localhost本地访问下项目又显示正常

初步判断为本地网络问题

HackerLand丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ChunkLoadError:Loading chunk * failed
sunshineTing2的博客
09-15 1万+
使用懒加载之后，可能会造成的问题有，导航点击没用，加载模块出现错误 报错信息 vue-router.esm.js?8c4f:2314 ChunkLoadError: Loading chunk 85 failed. (missing: http://localhost:3001/fail.js) at Function.requireEnsure [as e] (app.js:875) at Function.fn.e (app.js:156) at component (route
read-chunk:从文件中读取大块
05-26
$ npm install read-chunk 用法 const readChunk = require ( 'read-chunk' ) ; // foo.txt => hello readChunk . sync ( 'foo.txt' , 1 , 3 ) ; //=> 'ell' 原料药 readChunk（filePath，startPosition，长度） ...
vue解决 ChunkLoadError: Loading chunk {n} failed.
热门推荐
nobody
08-12 1万+
vue前后端分离的项目，浏览器报以下错： ChunkLoadError: Loading chunk 2 failed. （即：Loading chunk {n} failed...） 将 export default new Router({ mode: 'history', // 去掉url中的# scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }) 替换为： const $router = new Ro
线上网页点击菜单没有反应 报错ChunkLoadError：Loading chunk chunk-***** failed
覃福安的博客
05-15 330
路由菜单点击无反应，控制台报错Loading chunk ***failed 具体报错和解决方式如下
ChunkLoadError：Loading chunk 538 failed
qq_25757181的博客
08-10 822
网上有很多解释和解决方案，这里不多说。出现乱码原因：文件断电加压过程中文件没有正常减压，导致文件乱码，加载页面时异步加载页面过程没有找到对应组件抱错。备注： 两台控台装同一个版本软件，左边是控台没有白屏的js文件代码，右边是当前出现问题控台对应js文件代码，可以看到右边文件文件出现乱码。解决方案：确保加压过程，不要出现错误，不要异常中断或抱错等场景。文件正常减压之后，页面即可正常访问。现象：加载页面时，页面空白。
ChunkLoadError: Loading chunk {n} failed.
我叫陈小皮。
05-31 3935
偶现路由切换，控制台报错 ChunkLoadError: Loading chunk {n} failed.可能是远程资源更新，浏览器缓存，出现静态资源不一致等原因造成的。
ChunkLoadError: Loading chunk 25 failed.
WX_nbclass的博客
03-03 580
ChunkLoadError: Loading chunk 25 failed.
生产环境ChunkLoadError: Loading chunk xx failed.报错
wiyon的博客
07-07 1万+
生产环境ChunkLoadError: Loading chunk xx failed.报错
vue路由使用history模式部署线上报错ChunkLoadError: Loading chunk xxxxxx failed.
bamboozjy的博客
01-04 699
后面查找原因是vue.config.js中的publicPath: './'的问题,把它改成publicPath: '/'然后打包就好了。使用vue的history路由模式打包上线,发现控制台报错。部署使用的是nginx。
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
10-18
主要介绍了详解Vue项目中出现Loading chunk {n} failed问题的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
chunkstories-api：编写Chunk Stories mod的API，由chunkstories实现
02-04
要总体上了解有关“ Chunk Stories”的更多信息，请 建造 这是用于构建游戏的API chunkstories-api 。 如果您只想编写mod，则完全不必弄乱它，而应遵循项目Wiki上的！ 建立 没什么特别做的。 Gradle为您处理依赖项...
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 428
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
js、ts、argular、nodejs学习心得
最新发布
07-30 215
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 278
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 446
对于上云api开发学习过程中的错误教训积累总结
electron 主进程和渲染进程
qq_21087199的博客
07-29 280
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
ChunkLoadError: Loading chunk 0 failed.
09-02
ChunkLoadError: Loading chunk 0 failed是一种错误，表示加载第0个chunk失败。在配置乾坤（一种前端微前端解决方案）时，可能会遇到这个错误。这种错误可能有几种原因引起。 首先，检查publicPath是否配置正确。如果publicPath配置成了绝对路径，可能会导致加载chunk失败。 其次，检查子应用的入口文件是否正确导出了生命周期函数。如果没有正确导出生命周期函数，也会导致加载chunk失败。 此外，还可以检查子应用入口文件的mount钩子的render函数的第二个参数是否有问题。可以打印props.container来查看。如果props.container有问题，也会导致加载chunk失败。 最后，根据错误信息中的status后面的提示，比如UNMOUNTING，可以在子应用的unmount里面找到问题。 综上所述，解决ChunkLoadError: Loading chunk 0 failed的方法包括： 1. 确认publicPath配置是否正确，并考虑使用相对路径。 2. 确保子应用的入口文件正确导出了生命周期函数。 3. 检查子应用入口文件的mount钩子的render函数的第二个参数是否正确。 4. 根据错误信息中的status后面的提示，定位具体问题。 希望以上信息对您有帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [ChunkLoadError:Loading chunk * failed](https://blog.csdn.net/sunshineTing2/article/details/120303157)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [乾坤微前端-入门实践踩坑报错指南](https://blog.csdn.net/dwf_H/article/details/125317273)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值