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

相关推荐
整點薯條30 分钟前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
愚农搬码1 小时前
Agentic AI、AI Agent、AI 工作流有什么区别?
agent·ai编程·工作流引擎
乐之者v1 小时前
AI编程 -- Agents.md 的简单示例
java·ai编程
东小西1 小时前
第1篇:《Java老鸟的第一行AI代码:我让Spring AI帮我写了首诗》
openai·ai编程
笑小枫2 小时前
用 Claude Code 推翻重写笑小枫网站
java·人工智能·spring boot·ai编程
Cobyte4 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
洞窝技术4 小时前
告别 AI 过度工程:一文吃透 Ponytail 七层精简阶梯与落地实践
ai编程
w3296362715 小时前
配置 Zenoh-Bridge-ROS2DDS 实现 HTTP/WS 推送及 JSON 转换
ai编程