前端开发必备技能知识笔记-vue项目太大内存溢出解决方法

原创 已于 2022-05-16 09:26:38 修改 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #vue #数据库 #linux #js

于 2021-10-22 14:56:57 首次发布
本文介绍了在使用Jenkins进行代码自动发布部署时遇到的Java内存溢出错误，以及如何通过增加npm依赖和执行特定命令来解决这个问题。主要步骤包括在package.json中添加`increase-memory-limit`和`cross-env`依赖，更新scripts脚本以设置内存限制，并通过IDEA执行`fix-memory-limit`命令成功解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在开发工作中，我们使用Jenkins实现代码的自动发布部署，经常会遇到FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Jenkins报错提示

翻译过来就是常见的内存溢出，搜了一下解决方式很简单，就是加依赖和执行一下npm命令

解决步骤：

1、在package.json中的dependencies节点下添加

 "increase-memory-limit": "^1.0.3",
 "cross-env": "^5.0.5",
接着npm install 重新装依赖

2、在package.json中的scripts节点下添加添加脚本命令

 "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",

3、执行 fix-memory-limit

我用的是IDEA
执行成功！

大数据新视界 --大数据大厂之基于 MapReduce 的大数据并行计算实践
【青云交】华为云云享专家，在技术圈个人影响力位居前17，跻身博客之星 TOP23。同时荣登【原力榜、作者周榜、领军人物和综合热榜】四榜榜首，破优快云排行榜记录！苏州地区各榜也统统拿下榜首之位，实力爆棚！非常感谢全网十多万粉丝的喜欢和关注！
09-29 3215
本文深入探讨 MapReduce 的核心概念与原理，对比其他并行计算框架，阐述多种应用案例，分析性能优化与挑战，介绍实际部署与运维，探讨与新兴技术的融合，旨在为大数据处理提供全面且深入的实践参考。
PHP 面试知识点整理归纳
PHP学习日志——地雷
09-05 1万+
全文已整理补充完毕，以后还会继续更新文章里面的错误，以及补充尚不完善的问题。 该篇文章是针对Github上wudi/PHP-Interview-Best-Practices-in-China资源的答案个人整理 lz也是初学者，以下知识点均为自己整理且保持不断更新，也希望各路大神多多指点，若发现错误或有补充，可直接comment，lz时刻关注着。 由于内容比较多，没有直接目录，请自行对照 Gi...
vue 项目npm run dev 运行时崩溃（内存溢出）
Claudia_c的博客
02-28 9152
vue 项目npm run dev 运行时崩溃（内存溢出） 问题描述： 项目保存时不断出现项目npm run dev终止情况，多半是项目过大导致内存溢出 解决方案： // An highlighted block > npm install increase-memory-limit > npm install cross-env 在package.json文件中加入如下代码 // An highlighted block > "scripts": { "fix-memo
解决vue项目太大，运行时内存溢出问题
收集、分享
02-06 1682
解决vue项目太大，运行时内存溢出问题
Vue.js 中资源未正确释放导致的内存泄漏问题及解决方法
最新发布
有我更精彩的博客
06-28 1006
在 Vue.js 开发中，资源未正确释放是一个常见的问题。通过在组件卸载时清理定时器、事件监听器、订阅以及子组件的资源，可以有效解决内存泄漏问题。希望本文的介绍能帮助你在 Vue.js 开发中更好地管理资源，提升应用的性能和稳定性。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》
Vue3项目打包报错-内存溢出解决方法
qq_19688207的博客
09-13 1603
打包：npm run build。
解决vue项目过大导致的内存频繁溢出
weixin_46054723的博客
02-24 3007
当vue项目过大时，每次项目代码发生改变，项目很容易关闭，要重新启动，很麻烦。
如何看内存占用情况，vue反复刷新标签页导致面内存一直在涨，系统反应越来越慢，内存占用4个g。
菜鸡的博客
04-08 1万+
如何看内存占用情况，vue反复刷新标签页导致面内存一直在涨，系统反应越来越慢，内存占用4个g。
前端面试八股文（超详细）
热门推荐
m0_50861631的博客
03-06 16万+
JavaScript \1. Promise 的理解 Promise 是一种为了避免回调地狱的异步解决方案 2. Promise 是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败） 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 回调地狱 回调函数中嵌套回调函数的情况就叫做回调地狱。 回调地狱就是为是实现代码顺序执行而出现的一种操作，它会造成我们的代码可读性非常差，后期不好维护。 一、Promise是什么？ Promise是最早
最全面、最详细web前端面试题及答案总结
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
【这周轻推荐】在github上那些你值得拥有的知识链接(o´ω`o)ﾉ
daijun02的专栏
08-05 2271
GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核。 关于GitHub搜索技巧整理，可以点击这里 (o)/~ GitHub上整理的一些工具 增加我们的技术储备 今天就给大家推荐一个，Best-websites-a-programmer-should-visit，GitHub 标星 3.2w+，翻译过来就是“程序员应该访问的最佳网站”。 GitHub 网址： https://github.com/sdmg15/Best-websites-a-programmer-shoul.
Vue内存泄露原因及解决办法
01-07
Vue-Cli内存泄露部分原因 1、echarts图未彻底删除； 2、setTimeout和setInterval未清除； 3、全局定于变量未清除； 4、侦听器未清除 场景分析 其中全局对象onresize，侦听事件应在组价销毁前清除。 重点：在vue中，echarts绘图是十分消耗资源的，所以在组件销毁前，一定要清除对应的数据。 在data中定义如下： 在销毁组件前，应进行如下操作： 以上几个部分是在项目中遇到过的内存泄露问题，希望对大家有帮助。 作者：qq_1075654056
Vue打包 内存溢出-二种方法（FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory）
好记性，不如烂键盘。
04-26 3329
【代码】Vue打包 内存溢出-二种方法（FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory）
vue内存溢出
czcdcsdn的博客
05-07 4316
js内存溢出 解决方案一：通过 package.json 中的 “pro” 加大内存 /* package.json 文件 */ “scripts”: { “pro”: "node --max_old_space_size=9000 build/build.js " } 解决方案二：使用 increase-memory-limit 插件，增加node服务器内存限制 新增依赖包npm install...
vue内存泄露问题及处理方法
demowyz的博客
02-14 6577
vue内存泄露问题及处理方法
关于VUE启动内存溢出
sinat_38653840的博客
11-08 1121
关于VUE启动内存溢出的解决办法
Vue热更新出现内存溢出
qq_20236937的博客
05-28 1500
开发项目有一段时间了，随着项目越来越大，打包的时间也相应的变长了，打包时的内存也增多了。这时候产生了一个问题，在发布项目的时候，会出现类似如下错误的提示。原因不难知道，是因为在Node中通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存溢出的错误。针对于不同的vue-cli 版本有不同的解决方法。
Vue 打包时，内存溢出问题
viewpoint
05-16 1705
4、重新构建，npm run build 就可以成功。Vue 打包时，内存溢出问题的处理。3、在项目文档下，执行如下语句。
分析前端内存溢出的原因，前端页面占用内存大是怎么回事，vue页面如何把浏览器搞崩溃
南城九尾
03-08 1万+
内存泄漏: 内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。（程序某个未使用的变量或者方法，长期占用内存不会释放，导致内存堆积浪费） 内存溢出: “内存溢出(Out Of Memory，简称OOM)是指应用系统中存在无法回收的内存或使用的内存过多，最终使得程序运行要用到的内存大于能提供的最大内存。此时程序就运行不了，系统会提示内存溢出，有时候会自动关闭软件，重启电脑或者软件后释放掉一部分内存又可以
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端程序员_花姐夫Jun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值