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相关推荐

  1. 解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory...

    解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 如上图所示:频繁出现此 ...

  2. vue-cli3内存溢出,JavaScript heap out of memory

    起因 本地一个项目是使用vue-cli2构建的,可以正常运行. 打算升级到vue-cli@3,遭遇了运行npm run dev无法运行,爆出JavaScript heap out of memory ...

  3. webpack打包---报错内存溢出javaScript heap out of memory

    今天, npm run build打包时,又报内存溢出了.所以记录一下,之前查了博客有一些解释. "报错CALL_AND_RETRY_LAST Allocation failed - Jav ...

  4. 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 今天项目运行时,会中途退出,并且报 ...

  5. ng build --prod --aot打包Angluar4项目报javaScript heap out of memory,内存溢出

    这里 Allocation failed - JavaScript heap out of memory JavaScript堆内存不足,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中, ...

  6. GitHub Pages部署vuepress报错:JavaScript heap out of memory

    作者:duktig 博客:https://duktig.cn 优秀还努力.愿你付出甘之如饴,所得归于欢喜. 问题 GitHub Pages部署Vuepress一直都没有什么问题,具体部署方案参看:基于 ...

  7. node内存溢出问题 Javascript Heap out of memory

    node内存溢出问题   ( 报错关键词   Javascript Heap out of memory)   Heap : 堆      out of memory : 内存不足      memo ...

  8. angular,Last few GCs JavaScript heap out of memory

    angular再运行项目时,出现如下问题: <--- Last few GCs ---> [4952:000001FA2DC69760]   144757 ms: Mark-sweep 2 ...

  9. 【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 ...

最新文章

  1. SQL Server中的分页查询
  2. 几个WinCE开发的网址
  3. python十六:lambda匿名函数
  4. hdfs源码分析第一弹
  5. 【杂谈】参加有三AI秋季划4个月,薪资翻倍,我在有三AI都学了啥?
  6. Hash-哈希/散列
  7. 归并排序,快速排序,冒泡排序,选择排序,基数排序,桶排序,堆排序(c++实现)
  8. linux云服务终端提示符显示-bash-4.2#解决方法
  9. Linux学习笔记-增量编译(Makefile进一步使用)
  10. 用这10个小技巧加速Python编程
  11. c语言linux内核开发,Linux 内核源代码的几个C语言技巧
  12. java验证json合法性_java校验json字符串是否合法
  13. Swift - 05 - 数值型字面量
  14. 贺利坚老师汇编课程54笔记:SF符号标志SIGN FLAG
  15. 重新认识java-break和continue的标签你用过么
  16. 卡巴斯基2010激活码
  17. 这十年,阿里开发者毕玄的日常
  18. 实用网址(永久更新中)
  19. 护照阅读器助力旅行社快捷录入
  20. 有孚网络CEO安柯:IT部门趋于轻量化 “平台+服务”或将成为主流

热门文章

  1. 数字城市深圳智慧巡查平台功能结构分析【软件测试与工程】
  2. Python剪刀、石头、布游戏
  3. 仿酒店入住日期选择器
  4. 物联网将如何影响半导体芯片厂商?
  5. 2022最炫酷的圣诞树合集(附动态效果展示和网盘源码)
  6. mybatis plus argument type mismatch
  7. C++23种设计模式(1)-工厂方法模式
  8. 7-9 公路村村通(30 分)
  9. 火炬之光2控制台代码
  10. 26个英文字母在无线电通讯时的读法