vue 编译报错 JavaScript heap out of memory

最新推荐文章于 2025-10-28 11:02:08 发布
原创 最新推荐文章于 2025-10-28 11:02:08 发布 · 1.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

本文指导如何在Vue-element-ui项目中解决内存溢出问题，通过修改package.json文件中的node命令，介绍--max_old_space_size选项，并提供相关实例和参考链接。

vue-element-ui 项目

V8引擎对内存的使用的默认大小限制是1.4G，可以通过node.js命令设置限制来解决这个问题。修改package.json文件中内容，具体如下。

"serve": "npx --max_old_space_size=4096 vue-cli-service serve",
"build": "npx --max_old_space_size=4096 vue-cli-service build --modern"

一般vue项目

vue没有把 package.json 里面 scripts 字段的脚本命令的node命令隐藏起来，我们直接把上面v8提供的选项参数直接写入scripts 字段的 node 命令后就好了，示例如下

"build": "node --max_old_space_size=4096 build/build.js"

参考文档：

vue编译报错JavaScript heap out of memory，node内存溢出，Exit status 134

https://segmentfault.com/a/1190000010437948

vue3 vite JavaScript heap out of memory when buildin [windows or mac] 错误问题解决
天河书阁 - VicRestart
04-12 2053
打包时内存不足的问题 正常流程: 1、yarn add increase-memory-limit cross-env --dev 2、package.json的scripts中添加："fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit" 3、yarn run fix-memory-limit 4、yarn build Mac 下流程： 1. export NODE_OPTIONS=--max_old_space_size=4096
Vue3 - 报错Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
热门推荐
🏆 前端领域优质创作者
05-04 1万+
vue3，报错，vue3打包报错，vue3启动报错，VUE3运行报错，FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory，vue3内存溢出问题，webpack，vite，如何解决这个问题，vue3+vite build打包内存溢出，打包vue3项目时候出现内存溢出，vue3打包内存溢出解决方案，Vue3打包内存溢出，解决vue3+ts打包报错，Node
vue-cli3 运行或打包报错: js内存溢出
weixin_43936742的博客
12-08 1210
报错信息：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 解决方法： 第一步： 安装npm包 increase-memory-limit 和 cross-env npm install increase-memory-limit cross-env -g 第二步： 在package.json中添加： "fix-memory-limit": "cross-env LIMIT=4.
vue项目build打包时报错 “JavaScript heap out of memory” 的解决办法
01-08
今天在执行npm run build 的时候突然出现下面图片所示错误 这个错误的意思时内存溢出，为什么会内存溢出呢？ 原来 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。 当前端项目非常庞大时，编译时会占用很多资源，所以就会出现内存溢出的问题。 以下是我的问题解决方法 cd到我们的项目目录下执行 // windows set NODE_OPTIONS=--max_old_space_size=4096 // mac/linux export NODE_OPTIONS=
vue 编译报错 -- JavaScript heap out of memory
MaRain
09-10 4779
背景 在使用vue时 由于项目过大，编译过程出现错误，截图大致如下 原因 原因是 JavaScript堆内存不足，这里说的 JavaScript 其实就是 Node，我们都知道 Node 是基于V8引擎，在一般的后端开发语言中，在基本的内存使用上没有什么限制，但是我去查阅了相关的资料才发现，在 Node 中通过 JavaScript 使用内存时只能使用部分内存（64位系统下约为1.4 G...
JavaScript 报错 JavaScript heap out of memory；内存不足问题
duyanli7780com的博客
12-03 2637
在启动 NodeJS 时，使用的内存量是一直增大的，默认使用的内存量是受限的，大约是2GB，也就是2048MB，当内存使用量超过2048MB后，就会出错。在项目中也是因为没有设限内存的上限，自动默认为默认值。中修改 build 的内存空间，使用max-old-space-size参数，设定一个更大的值。项目动作：在入口文件中增加解密代码，未设定内存值之前 ，打包文件时会出现上面的错误。我放大到了 8192 MB。
JavaScript heap out of memory（Vue项目运行内存溢出）
qq_32868369的博客
11-06 6643
VUE项目首次npm run dev能正常运行，更改部分代码后保存运行抛出错误。 分析原因：JavaScript heap out of memory(应该是内存溢出的原因) 解决方法： 找到node_modules/.bin/webpack-dev-server.cmd这个文件，添加一句：“–max-old-space-size=2048” 注意：–max-old-space-size=20...
Jenkins 构建任务报错 JavaScript heap out of memory
Mico18的博客
11-21 1934
jenkins 构建报错 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
uniapp - 运行启动或打包报错 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
最新发布
🏆 前端领域优质创作者
10-28 3188
FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory，uniapp前端打包失败报错，Uniapp运行代码报错，npm install拉取依赖后，运行控制台报错，uniappH5网页、微信小程序、安卓App、苹果App报错，uniapp node编译的内存溢出了打包文件过大，如何解决这个问题，详细排查和解决教程，加大配置还不行，超出了内存的限制大小造成了编译中断，UniApp 运行打包启动报错，uni
vite 打包时：JavaScript heap out of memory（内存溢出）
小小的木头人的博客
12-30 1368
内存溢出： FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
vue项目打包报错 javascript heap out of memory显示内存不足
singlewalk的博客
01-13 678
这是因为nodejs 基于V8引擎的运行环境，而V8 对内存的默认限制为 1.5 GB 左右，因此会超过限制，可以通过设置node的max_old_space_size来调整内存大小 单位是MB。最近在做的一个vue项目需要将另外一个项目合并到一起，本身项目就比较大了，合并过来之后导致各种依赖和文件更大，打包时间很长并且最后还提示打包失败，报如下错误。解决方法如下：我这里设置了8G的大小 根据情况自己设置即可。
VueCli Javascript heap out of memory
ljqscdnljq的博客
01-14 794
有时候vueCli编译会出现失败崩溃的情况，报错Javascript heap out of memory，可以尝试以下解决方案： 修改node_modules/.bin/vue-cli-service.cmd，在最后一行， node后面插入--max-old-space-sise=4096，如下图所示 ...
vue项目运行时报内存溢出：JavaScript heap out of memory
u014028247的博客
09-09 3887
==== JS stack trace ========================================= 0: ExitFrame [pc: 000002AACBF079E0] Security context: 0x00b4d151e6e9 <JSObject> 1: byteLength(aka byteLength) [000000CEB10F80D9] [buffer.js:~509] [pc=000002AACE049EB0](this=0x038...
【记录贴】vite打包内存溢出问题FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
qq_39842184的博客
07-07 3868
修改package.json的打包命令。
vue项目启动报JavaScript heap out of memory 错误 和 后端项目编译正常，但项目仍有报错问题！
qq_46232178的博客
01-17 1393
vue项目启动报JavaScript heap out of memory 错误 和 后端项目编译正常，但项目仍有报错问题！
vue3+vite+ts打包时遇到的问题以及“优化”，JavaScript heap out of memory（错误：内存不足）等
m0_46978096的博客
08-03 8577
如果用了element plus可能打包会出现这个报错。在tsconfig.json里加这代码就行。vue3+vite+ts打包时报错。
JavaScript heap out of memory：vue项目无法启动
weixin_47415511的博客
04-11 498
解决方案：我第一次碰到时候查了很多解决方案也试了很多，对于我个人的电脑而言，最简单的解决方案就是直接修改package.json。问题：在使用最新Vue脚手架vue-cli搭建的项目开发时，node内存泄漏耗尽。
vue打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
weixin_44727080的博客
05-06 1721
vue项目，打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory。
vue 内存溢出，JavaScript heap out of memory
weixin_46049791的博客
12-15 393
vue运行报错：JavaScript heap out of memory
打包报错JavaScript heap out of memory
06-27
<think>我们正在处理一个关于JavaScript堆内存不足（JavaScriptheapoutofmemory）的打包错误。根据引用，这个错误通常发生在Node.js应用程序中，当内存消耗超过默认堆大小时。我们将根据提供的引用信息来构建解决方案。步骤：1.理解错误：错误信息表明Node.js进程耗尽了分配给它的堆内存。这通常发生在处理大型项目（如UniApp、Vue等）或复杂构建过程（如Webpack打包）时。2.解决方案：-增加Node.js的堆内存限制（这是最直接的解决方案，多个引用都提到）。-优化项目以减少内存使用（引用中未直接提及，但也是可行方案）。3.具体操作：a.通过命令行参数增加内存：在运行命令时添加`--max-old-space-size`参数，例如：```bashnode--max-old-space-size=4096your_script.js```其中4096表示4GB，可以根据需要调整（如1024=1GB,2048=2GB,4096=4GB,8192=8GB）。b.在npm脚本中设置内存：在package.json的scripts字段中，可以这样设置：```json"scripts":{"build":"node--max-old-space-size=4096build.js"}```或者如果是使用vue-cli、react-scripts等，可以：```json"scripts":{"build":"node--max-old-space-size=4096node_modules/@vue/cli-service/bin/vue-cli-service.jsbuild"}```c.使用环境变量（某些工具支持）：可以设置环境变量`NODE_OPTIONS`，例如：```bashexportNODE_OPTIONS=--max-old-space-size=4096```然后运行构建命令。d.使用increase-memory-limit包（引用[4]提到）：安装：```bashnpminstallincrease-memory-limit```然后运行：```bashnpxincrease-memory-limit```注意：引用[4]提到运行后可能会报错，需要手动修复。具体是去掉node_modules中相关脚本的双引号。即搜索`"%_prog%"`替换为`%_prog%`。4.其他建议：-如果项目使用了Webpack，可以检查配置，优化构建（如拆分代码、减少sourcemap等）。-检查是否有内存泄漏或可以优化的地方（例如，减少大型依赖，优化代码）。根据引用[3]，UniApp项目遇到此问题同样可以通过增加内存解决。引用[2]提到该问题可能是由fork-ts-checker-webpack-plugin引起的，可以考虑暂时关闭该插件（如果可行）或者增加内存。5.注意事项：-增加内存只是临时解决方案，长期应优化项目结构。-如果项目非常大，可能需要更大的内存，但也要考虑物理内存的限制。总结解决方案：1.通过命令行参数增加Node.js堆内存。2.在npm脚本中设置。3.使用环境变量。4.使用increase-memory-limit工具（注意修复脚本中的双引号问题）。最后，我们将生成几个相关问题。</think>### JavaScript堆内存不足（JavaScript heap out of memory）解决方案 #### 问题原因 该错误发生在Node.js打包过程中，当JavaScript堆内存消耗超过默认限制（约1.5GB）时触发。常见于： 1. **大型项目**：依赖模块多或代码量庞大 2. **复杂构建**：Webpack/Vite等工具处理大量资源 3. **插件消耗**：如`fork-ts-checker-webpack-plugin`执行类型检查[^2] --- #### 解决方案 ##### ✅ 方法1：直接增加Node.js内存限制（推荐） 在运行命令前添加`--max-old-space-size`参数： ```bash # 设置内存为4GB（数值按需调整） node --max-old-space-size=4096 ./node_modules/vite/bin/vue-cli-service.js build ``` 或修改`package.json`： ```json "scripts": { "build": "node --max-old-space-size=4096 vue-cli-service build" } ``` ##### ✅ 方法2：使用`increase-memory-limit`工具 1. 安装工具： ```bash npm install increase-memory-limit --save-dev ``` 2. 执行内存扩展： ```bash npx increase-memory-limit ``` 3. **修复路径错误**（如遇报错）： - 在`node_modules`文件夹全局搜索`"%_prog%"` - 替换为`%_prog%`（去除双引号）[^4] ##### ✅ 方法3：配置环境变量 临时设置（Linux/macOS）： ```bash export NODE_OPTIONS="--max-old-space-size=4096" npm run build ``` Windows PowerShell： ```powershell $env:NODE_OPTIONS="--max-old-space-size=4096" npm run build ``` ##### ⚠️ 补充优化建议 1. **升级Node.js**：新版V8引擎内存管理更高效 2. **检查内存泄漏**： ```bash node --inspect-brk your_script.js # 用Chrome DevTools分析 ``` 3. **精简依赖**： - 使用`npm ls --depth=10`检查依赖树 - 移除未使用的依赖（`npm prune`） 4. **优化构建配置**： - Webpack开启`parallel: true`并行构建 - 禁用非必要插件（如开发环境sourcemap） --- #### 典型场景处理 | 场景 | 解决方案 | |---------------------|---------------------------------------| | UniApp打包失败 | 增加内存至4096MB+ [^3] | | Vue-CLI构建崩溃 | 结合`increase-memory-limit`工具 [^4] | | TypeScript类型检查 | 单独运行类型检查或增加内存 [^2] | > 💡 **注意**：物理内存需大于设置值（如设置4096MB需至少6GB物理内存）
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值