专栏首页前端逗逗飞Vue内存溢出问题解决方法

Vue内存溢出问题解决方法

引起内存泄漏的原因有不少,本文就介绍webpack 运行 npm run build 内存溢出 JavaScript heap out of memory内存溢出的错误。vue-cli3.0构建的项目,开发过程中,可能会遇到内存溢出的情况,改动一点代码,代码编译,进程就会断掉。

“报错CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory是 JavaScript堆内存不足,这里说的 JavaScript 其实就是 Node,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中,在基本的内存使用上没有什么限制。

内存溢出主要原因分析

  • nodejs在执行JavaScript时,内存受到v8限制,64位约为1.4g,32位0.7g
  • 限制内存原因:垃圾回收时,js线程会暂停执行(避免JS应用逻辑与垃圾回收器看到的不一样),大量的堆内存回收严重影响性能

解决思路

  • 通过webpack进行打包优化,降低单个文件大小,比如使用dll,这个思路不是本节讲授重点
  • 扩大node内存

思路2具体解决方案

通过解决increase-memory-limit的包升级版来解决

  • 安装两个npm包: increase-memory-limit-fixbug 和 cross-env
npm install increase-memory-limit-fixbug cross-env -g
  • package.json中 添加如下脚本
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"

执行fix-memory-limit脚本

npm run fix-memory-limit

重新运行项目即可

npm run build

补充

  • 如果使用increase-memory-limit而不使用increase-memory-limit-fixbug,执行完npm run fix-memory-limit,需要手动清除掉标注的地方,但是标注的地方是依赖的包文件,生产环境不好操作,所以increase-memory-limit-fixbug是对其优化,在解决内存溢出问题基础上专门解决此问题的.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 内存溢出及解决方案

    JVM运行过程中,程序不断的申请内存空间用于保存运行时数据,当程序申请的内存空间系统无法满足时,就会抛出内存溢出错误。内存溢出发生的区域以及相应的解决方案都不...

    码农架构
  • 内存溢出及解决方案

    JVM运行过程中,程序不断的申请内存空间用于保存运行时数据,当程序申请的内存空间系统无法满足时,就会抛出内存溢出错误。内存溢出发生的区域以及相应的解决方案都不相...

    码农架构
  • 深入理解Java中的内存溢出内存溢出内存溢出的几种情况(OOM 异常)导致内存溢出的原因内存溢出的解决方法

    OutOfMemoryError 异常: 除了程 序计数器外 , 虚拟机内 存的其他几 个运行时区 域都有发生OutOfMemoryError(OOM)异常的...

    desperate633
  • 线上问题解决:java内存溢出问题分析,定位及解决

    PS:调优还是报表工具,主要是一些细节,并不会记下来,这么多工具,思路很重要,知道有这个工具可以干这个事情,大概可以分析什么东西,内存的问题,大部分情况都是可以...

    IT架构圈
  • Sieve—Android 内存分析系统 | 解决你的内存溢出问题

    内存问题是个老大难,对用户来说,泄漏或者不合理的内存使用最终会反映到性能和体验上,并且极易造成 OOM( Out Of Memories ) 而闪退, 而对开发...

    京东技术
  • TensorFlow和Keras解决大数据量内存溢出问题

    以前做的练手小项目导致新手产生一个惯性思维——读取训练集图片的时候把所有图读到内存中,然后分批训练。

    用户1332428
  • tomcat内存溢出问题记录

    问题说明: 公司内网环境中部署的jenkins代码发版平台突然不能访问了,查看tomcat的catalina.out日志发现报错如下: [root@redmin...

    洗尽了浮华
  • Android Bitmap 内存溢出的问题

    09-29 13:35:41.884: E/SQLiteLog(20098): (10) Failed to...

    wust小吴
  • 轻松解决PHPExcel导出10W行超时和内存溢出问题

    源码地址:https://gitee.com/nodestudy/The-PHP-Best-Practice

    php007
  • 有效解决Android加载大图片内存溢出的问题

    解决Android加载大图片内存溢出的问题 非著名程序员 ? 今天在交流群里,有人问我他经常遇到加载图片时内存溢出的问题,遇到的情况还是在自己的测试机或者...

    非著名程序员
  • tomcat内存溢出解决,java.lang.OutOfMemoryError: PermGen space

    今天遇到了一个java.lang.OutOfMemoryError: PermGen space异常问题,一直解决不了,根据网上修改了tomcat的配置文件,但...

    全栈程序员站长
  • Java中堆的内存泄漏和内存溢出 及问题解决 参数设置

    1、内存泄漏:严格来说,只有对象不会再被程序用到了,但是GC又不能回收他们的情况,才叫内存泄漏,由于这些对象不能被垃圾收集掉,这样的对象多了,有可能就会OOM。

    一个长不胖的程序Yuan
  • jvm内存溢出分析内存溢出是什么?内存溢出和内存泄漏有什么区别?用到的jvm参数分析解决方法分析

    概述 jvm中除了程序计数器,其他的区域都有可能会发生内存溢出 内存溢出是什么? 当程序需要申请内存的时候,由于没有足够的内存,此时就会抛出OutOfMemor...

    用户1174983
  • 下载文件出现内存溢出问题

    Theone67
  • Jenkins前端打包内存溢出问题

    公司项目vue构建,体积比较庞大,在Jenkins上构建时,有新的内容提交时,第一次npm run build必失败,报内存溢出错误

    全栈程序员站长
  • 从main方法分析内存溢出

    内存溢出OutOfMemoryError不常遇到,起码没有姨妈空指针异常(NullPointerException)来的那么频繁。 现在就用最简单的main方法...

    Mshu
  • 爬虫问题一:栈溢出(stack overflow)问题解决方案

    Fatal Python error: Cannot recover from stack overflow

    K同学啊
  • phpExcel导出文件时内存溢出的问题

    在使用PHPExcel导出文件时,经常会因为文件过大导致PHP内存溢出报错,为了解决这个问题,可以使用PHPExcel提供的参数进行优化。这里说的Excel文件...

    大江小浪
  • java常见的几种内存溢出和解决方案

    项目组最近在开发中经常会出现一些意想不到的内存溢出问题。下面我就说说我们常见的几种内存溢出吧! 1.JVM Heap(堆)溢出...

    业余草

扫码关注云+社区

领取腾讯云代金券