滥用AI生图引起的JavaScript heap out of memory排查记录

这里写自定义目录标题

背景介绍

上周五下午旁听到边上前端一直在说流水线构建失败,什么内存溢出之类。回退了部分可疑代码,还是没有解决,可能会影响到6点准时下班这一块...,于是帮分析了一下。

定位

观察最近的几个git提交记录,发现某一个提交上传的svg文件比较反常:以兆外单位,最大约14兆,与之对比,之前的svg文件仅有几kb。

打开这个14兆的文件喽一眼:在小小的svg里面塞了一个大大的image,id为"豆包-(2)备份-2",其中xlink:href设置为base64格式的超链接。

问了一把deepseek,发现超大的svg文件确实可能引起内存溢出

解决措施

将定位到的异常反馈给前端,经过实践,删除svg中的imag标签即可,不影响svg的显示,成功从14兆降低到2kb,打包成功!

总结

随着AI在开发、设计中的广泛使用,多多少少会引入之前没有预料到的问题,在使用CV大法前,多检查一把!

相关推荐
沧沧凉凉4 小时前
一段需求、零素材,Claude Code 派了 33 个代理给我做了个 3D 动作游戏
游戏·ai编程·three.js
小虎AI生活5 小时前
315 之后 AI 改规矩了,怎么让豆包和 DeepSeek 认得出你
aigc·ai编程
郑州光合科技余经理6 小时前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
专业程序开发源6 小时前
springboot简历管理系统81389-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
专业程序开发源6 小时前
springboot社区养老系统44071-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·django·php·课程设计
码艺-Alimjan7 小时前
Vben Admin 新增维吾尔语 Vben-Modal的关键坑之一
前端·javascript·vue.js
星光开发者9 小时前
基于决策树随机森林算法的小说推荐系统的设计与实现-计算机毕设【课程设计】78485
vue.js·算法·微信小程序·django·php·课程设计·express
vx_Biye_Design9 小时前
springboot高校选课系统82776-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·课程设计·express
niyongsheng9 小时前
后端零改动,给若依换一套现代化前端
vue.js·开源·node.js
熊猫钓鱼>_>10 小时前
Kotlin Multiplatform for OpenHarmony 实战:为 Reaktive 实现响应式原语适配(完整版 · 含摘要目录与技术图表)
华为·kotlin·大模型·ai编程·harmonyos·适配·reaktive