滥用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 小时前
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
前端·javascript·vue.js·vxe-table
择势6 小时前
从零散提效到体系化协作:iOS 团队 AI 研发工作流完整实践
ai编程
leeguoo7 小时前
让 Claude Code / Codex 用上你已登录的 Chrome
前端·chrome·ai编程
Potato_土豆7 小时前
MCP Server 接入多个 AI 客户端:配置差异与 10 个真实踩坑
人工智能·后端·ai编程
Markus实验室7 小时前
一个任务烧了54亿token,我盯着账单看了十分钟
agent·ai编程
烬羽8 小时前
给 RAG Agent 装上"仪表盘":LangSmith 全链路观测与量化评估实战
深度学习·openai·ai编程
LEE8 小时前
别把 Agent 架构画成组织架构图——子代理该不该拆,用任务级 Eval 说话
前端·后端·ai编程
梦醒江南8 小时前
RAG 证据链验收:别只测答案像不像,要证明它从哪里来
前端·agent·ai编程
郝琳8 小时前
Claude Code 额度优化实践,缓存写入单价是读取的 40 倍,四条可落地的会话习惯
ai编程
红尘伴蝶舞8 小时前
加密拦截器让抓包失效,我只能从 4KB 的 logcat 碎片里拼回 JSON
android·kotlin·ai编程