解决 macOS (M1 Pro) 上使用 Vite 进行 Build 打包时 Node 进程内存溢出的问题

解决 macOS (M1 Pro) 上使用 Vite 进行 Build 打包时 Node 进程内存溢出的问题

在搭载 M1 Pro 芯片的 macOS 系统上,使用 Vite 进行项目构建(build)时,您可能会遇到 Node 进程内存溢出的错误。特别是在使用较新版本的 Node.js(如 Node 20)时,这个问题更为常见。

错误信息:
复制代码
FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

该错误表明当前 Node.js 进程尝试分配的内存量超出了其默认限制,这通常发生在处理大型项目或执行需要大量内存的操作时。

解决方案:

为了临时增加 Node.js 进程的最大旧空间大小(max-old-space-size),可以通过设置 NODE_OPTIONS 环境变量来实现。以下是如何操作的具体步骤:

  1. 临时解决方案

    在开始构建之前,通过命令行设置环境变量:

    sh 复制代码
    export NODE_OPTIONS="--max-old-space-size=8192"

    此命令将 Node.js 的最大旧空间大小增加到 8GB。完成上述设置后,运行您的构建命令:

    sh 复制代码
    yarn build

    使用这种方法,您可以临时增加 Node.js 进程可用的内存。请注意,当关闭当前终端会话时,此设置将自动失效。

  2. 永久解决方案

    如果希望永久更改此设置,可以在您的 shell 配置文件中添加相应的环境变量。对于使用 Bash 的用户,请编辑 ~/.bashrc 文件,并加入如下行:

    sh 复制代码
    export NODE_OPTIONS="--max-old-space-size=8192"

    对于使用 Zsh 的用户,则需要编辑 ~/.zshrc 文件并添加相同的行。保存文件后,请记得重新加载配置文件或重启终端以使更改生效。

通过调整 Node.js 进程的内存限制,您可以有效解决由于内存不足导致的构建失败问题,确保项目的顺利构建和部署。

相关推荐
还是鼠鼠3 小时前
Node.js Express 处理静态资源
前端·javascript·vscode·node.js·json·express
阿陈陈陈8 小时前
【Node.js入门笔记12---npm包】
笔记·npm·node.js
Alger_Hamlet9 小时前
Mac电脑 鼠标右键助手 像windows的右键菜单
windows·macos·计算机外设
coding随想10 小时前
scss报错Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
前端·node.js·sass·scss
yang_love101112 小时前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
355984268550551 天前
医保服务平台 Webpack逆向
前端·webpack·node.js
风吹草地现牛羊的马1 天前
mac m1/m2/m3 pyaudio的安装
深度学习·macos·自然语言处理·#pyaudio
文公子WGZ1 天前
Razer macOS v0.4.10快速安装
macos
不能只会打代码1 天前
六十天前端强化训练之第三十一天之Webpack 基础配置 大师级讲解(接下来几天给大家讲讲工具链与工程化)
前端·webpack·node.js
Macle_Chen1 天前
XCode中使用MonkeyDev开发iOS版的Comand-line Tool的daemon程序
macos·ios·xcode·逆向·comand-line