滥用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大法前,多检查一把!

相关推荐
灵感__idea6 小时前
《AI工程》:为什么需要RAG和智能体?
aigc·openai·ai编程
kyriewen7 小时前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
donecoding11 小时前
Claude Code 远程连接的坑之「以为是 1M 上下文,它却偷偷给我用了 200k」
ai编程
ytAnck11 小时前
傻傻分不清OpenAI 与 Anthropic 接口协议差异
openai·ai编程
妙码生花12 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
小白鼠幻想家12 小时前
Devin:从"取代你的AI程序员"到"AI不会取代人类"——这家CEO的嘴,比AI还快
ai编程
古夕12 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
Ruihong12 小时前
Vue withDefaults 转 React:VuReact 怎么处理?
vue.js·react.js·面试
AlbertZein12 小时前
从“看图说话”到“动手干活”:看看国产多模态模型在生产场景下的真实表现
aigc·openai·ai编程
JavaGuide13 小时前
推荐 3 个 Vibe Coding 中文开源教程,从入门到实战
ai编程·vibecoding