Angular 构建失败报错 “JavaScript heap out of memory” 的解决办法

报错信息很直观地指出是内存溢出了。是什么导致了内存溢出呢？其根本原因在于 nodejs 默认限制了最大可使用的内存大小。

nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。

解决办法可以是增加 nodejs 可使用的最大内存大小，也可以从降低 Angular 构建内存消耗的角度入手。

解决办法一： 设置 nodejs 配置项 配置项 max_old_space_size

如果希望超越 V8 引擎默认的内存大小限制，可以通过设置配置项 max_old_space_size 来解决。

• 方法一：设置环境变量 NODE_OPTIONS

示例：

# windows
set NODE_OPTIONS=--max_old_space_size=4096
# mac/linux
export NODE_OPTIONS=--max_old_space_size=4096

• 方法二：在运行命令中增加 --max_old_space_size=4096

例如可以修改 package.json 的 scripts 脚本，示例如下：

{
  "scripts": {
    "serve": "node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng serve",
    "prod": "node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng build --prod",
  }
}

解决办法二：关闭 sourcemap

对于越来越庞大的项目，Angular 编译时间、内存消耗也越来越长，其中 sourceMap 的生成占据了绝大部分的时间。

在开发过程中可以关闭 sourceMap 的生成，加快编译构建的速度。方法为在 angular.json 中设置 build.options.sourceMap 的值为 false ，同时在 tsconfig.json 中设置 compilerOptions.sourceMap 的值为 false 。