Linux 构建 Vue 项目报错 JavaScript heap out of memory(2024/06/26)

Linux 构建 Vue 项目报错 JavaScript heap out of memory(2024/06/26)

文章目录

    • [Linux 构建 Vue 项目报错 JavaScript heap out of memory(2024/06/26)](#Linux 构建 Vue 项目报错 JavaScript heap out of memory(2024/06/26))
      • [一. 产生环境](#一. 产生环境)
      • [二. 问题描述](#二. 问题描述)
      • [三. 原因分析](#三. 原因分析)
      • [四. 解决方法](#四. 解决方法)
      • [五. 疑问](#五. 疑问)

一. 产生环境

  • Debian GNU/Linux 12;
  • NodeJS 16.19.0;

二. 问题描述

在 Linux 环境下,通过 npm run build 构建 Vue 项目的时候遇到如下错误:

shell 复制代码
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

三. 原因分析

根据报错信息可知是堆内存空间不足导致的,但构建所用的 Linux 机器物理内存为 256G,通过监控资源占用发现在 node 构建时内存并未占满,所以猜测是系统对进程所用的最大内存进行了限制。可能的限制如下:

  1. 查看 Linux 系统对进程可分配最大内存的限制;

    shell 复制代码
    $ ulimit -m
    unlimited

    结果为 unlimited,即不限制,因此不是系统限制了进程所能分配的最大内存。

  2. 查看 Node.js 的默认内存限制;

    shell 复制代码
    $ node -e "console.log(v8.getHeapStatistics().heap_size_limit / 1024 / 1024 + ' MB')"
    4144 MB

    结果为 4144 MB,显而易见问题出在这里,Node.js 的默认内存限制太小导致构建时获取不到足够的堆内存。

四. 解决方法

调整 Node.js 的默认内存限制,例如增加到 16G,下面介绍两种实现方法(原理相同):

  1. 命令行设置环境变量;

    • Windows

      shell 复制代码
      $ set NODE_OPTIONS="--max_old_space_size=16384" && npm run build
    • Linux

      shell 复制代码
      $ export NODE_OPTIONS="--max_old_space_size=16384" && npm run build
  2. package.json 的 scripts 部分直接增加内存限制;

    • Windows

      json 复制代码
      "scripts": {
        "build": "set NODE_OPTIONS='--max_old_space_size=16384' && vue-cli-service build"
      }
    • Linux

      json 复制代码
      "scripts": {
        "build": "NODE_OPTIONS='--max_old_space_size=16384' vue-cli-service build"
      }
    • 跨平台

      shell 复制代码
      $ npm install cross-env
      json 复制代码
      "scripts": {
        "build": "cross-env NODE_OPTIONS='--max_old_space_size=16384' vue-cli-service build"
      }

五. 疑问

Windows 环境下 Node.js 的默认内存限制也是 4144 MB,但是在不增加 Node.js 默认内存限制的情况下可以构建成功,原因不详???

相关推荐
mljy.23 分钟前
Linux《线程(上)》
linux
uhakadotcom1 小时前
入门教程:如何编写一个chrome浏览器插件(以jobleap.cn收藏夹为例)
前端·javascript·面试
☆璇1 小时前
【Linux】进程概念(下)
linux·运维·服务器
摘星编程1 小时前
Linux 日志分析:用 ELK 搭建个人运维监控平台
linux·运维·elk·系统监控·性能优化维监
haogexiaole1 小时前
网络操作系统与分布式操作系统的区别
linux
给月亮点灯|1 小时前
Vue3基础知识-Hook实现逻辑复用、代码解耦
前端·javascript·vue.js
两袖清风9981 小时前
【Linux】CentOS7安装教程
linux·运维·服务器
Simon_He1 小时前
一款适用于 Vue 的高性能流式 Markdown 渲染器,源自我们的 AI 聊天机器人
前端·vue.js·markdown
硬核子牙1 小时前
mount藏着的Linux内核的秘密
linux
顽强d石头1 小时前
v-model与.aync的区别
前端·javascript·vue.js