解决启用vue项目内存溢出报错 JavaScript heap out of memory

171 阅读1分钟

一、启动项目出现报错如下

在Vue项目中,尤其是在构建或启动开发服务器时,如果项目很大,可能会超过Node.js默认的内存限制。

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

二、报错原因

这个错误通常是因为Node.js内存溢出导致的。

三、设置较大的内存来解决问题 (方法一)

增加Node.js的内存限制,比如内存限制增加到4GB(4096MB)或更多来解决。

3.1、mac系统

export NODE_OPTIONS=--max_old_space_size=4096

3.2、Windows系统

set NODE_OPTIONS=--max_old_space_size=4096

3.3、清除项目依赖

rm -rf node_modules

3.4、清理npm缓存

npm cache clean --force

3.5、重新安装依赖

npm install

yarn

pnpm install

3.6、再次尝试构建

npm run build:test

四、increase-memory-limit 插件(方法二)

4.1、安装 increase-memory-limit

yarn add increase-memory-limit

4.2、 package.json scripts 增加配置

"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"