Vue JavaScript heap out of memory
1、问题
JavaScript heap out of memory
前端项目,随着项目文件越来越多,打包和编辑的时间也越来越长,编辑时占用的内存也随之增多。长此以往,会出现JavaScript heap out of memory,导致编译失败。
2 问题产生的原因
JavaScript 内存不足,原因在于 Node 中通过script使用的内存只是很小的一部分(64位系统下约为1.4 GB,32位系统下约为0.7 GB),这个时候,如果前端项目非常的庞大,Webpack编译时就会占用很多的系统资源,如果超出了V8引擎对Node默认的内存限制大小时,就会产生内存泄露(JavaScript heap out of memory)的错误。
通过上面的分析,可以看出解决方式也无非两类,一是优化文件打包的体积,二是扩大编译时的内存。
3、解决方案
3.1 通过increase-memory-limit
插件修改内存
- 安装两个npm包 : increase-memory-limit 和cross-env
npm install -save increase-memory-limit,cross-env
- 在package.json中,增加
scriptes
脚本
"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build", "fix-memory-limit":"cross-env LIMIT=4096 increase-memory-limit"},
- 运行使命脚本
npm run fix-memory-limit
- 正常运行
npm run serve
如果执行成功,看一下问题是否解决
如果执行失败,报错node --max-old-space-size=4096 不是内部或外部命令,也不是可运行的程序或
,则可以进行下面这步,
修改node_modules/.bin/vue-cli-service.cmd
文件,把“%_prog%”
去掉双引号
文件示例:
3.2 直接通过max_old_space_size设置
看网上有人说可以直接设置,当我本地环境并未改善,后来还采用3.1中插件的方式来解决,但还是贴在这,也许是设置的试不对,或者其他人可以
"scripts": {"build": "vue-cli-service build && node --max_old_space_size=4096",},
Vue JavaScript heap out of memory相关推荐
- 解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory...
解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 如上图所示:频繁出现此 ...
- vue-cli3内存溢出,JavaScript heap out of memory
起因 本地一个项目是使用vue-cli2构建的,可以正常运行. 打算升级到vue-cli@3,遭遇了运行npm run dev无法运行,爆出JavaScript heap out of memory ...
- webpack打包---报错内存溢出javaScript heap out of memory
今天, npm run build打包时,又报内存溢出了.所以记录一下,之前查了博客有一些解释. "报错CALL_AND_RETRY_LAST Allocation failed - Jav ...
- FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 今天项目运行时,会中途退出,并且报 ...
- ng build --prod --aot打包Angluar4项目报javaScript heap out of memory,内存溢出
这里 Allocation failed - JavaScript heap out of memory JavaScript堆内存不足,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中, ...
- GitHub Pages部署vuepress报错:JavaScript heap out of memory
作者:duktig 博客:https://duktig.cn 优秀还努力.愿你付出甘之如饴,所得归于欢喜. 问题 GitHub Pages部署Vuepress一直都没有什么问题,具体部署方案参看:基于 ...
- node内存溢出问题 Javascript Heap out of memory
node内存溢出问题 ( 报错关键词 Javascript Heap out of memory) Heap : 堆 out of memory : 内存不足 memo ...
- angular,Last few GCs JavaScript heap out of memory
angular再运行项目时,出现如下问题: <--- Last few GCs ---> [4952:000001FA2DC69760] 144757 ms: Mark-sweep 2 ...
- 【kibana】 kibana报错内存溢出 CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
一.前言: 今天收到kibana服务告警. 环境信息: es7,4 kibana 7.4 二.报错内容: <--- Last few GCs --->[2800:0x326ea90] 95 ...
最新文章
- SQL Server中的分页查询
- 几个WinCE开发的网址
- python十六:lambda匿名函数
- hdfs源码分析第一弹
- 【杂谈】参加有三AI秋季划4个月,薪资翻倍,我在有三AI都学了啥?
- Hash-哈希/散列
- 归并排序,快速排序,冒泡排序,选择排序,基数排序,桶排序,堆排序(c++实现)
- linux云服务终端提示符显示-bash-4.2#解决方法
- Linux学习笔记-增量编译(Makefile进一步使用)
- 用这10个小技巧加速Python编程
- c语言linux内核开发,Linux 内核源代码的几个C语言技巧
- java验证json合法性_java校验json字符串是否合法
- Swift - 05 - 数值型字面量
- 贺利坚老师汇编课程54笔记:SF符号标志SIGN FLAG
- 重新认识java-break和continue的标签你用过么
- 卡巴斯基2010激活码
- 这十年,阿里开发者毕玄的日常
- 实用网址(永久更新中)
- 护照阅读器助力旅行社快捷录入
- 有孚网络CEO安柯:IT部门趋于轻量化 “平台+服务”或将成为主流