node启动或编译项目内存溢出

问题记录,答案来自https://stackoverflow.com/questions/53230823/fatal-error-ineffective-mark-compacts-near-heap-limit-allocation-failed-javas

问题截图:

在这里插入图片描述

原因:

  1. 可能是node版本过低。
  2. 可能是代码中存在内存泄漏,死循环等。
  3. 也可能就是项目太大。

由于node基于V8引擎构建,所以node在运行时会受到内存限制,这本质上是V8的限制。

在一般的后端开发语言中,在基本的内存使用上没有̣什么限制,然而在Node中通过JavaScript 使用内存时就会发现只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB) ————深入浅出nodejs

解决方法:

增大max-old-space-size

对于非 Angular 一般答案:
每次遇到此错误时,可能是由于内存泄漏或 Node.js <= 10 和 Node.js > 10 管理内存的方式之间存在差异。
通常只是增加分配给 Node.js 的内存将允许您的程序运行,但可能无法真正解决真正的问题,节点进程使用的内存仍可能超过您分配的新内存。建议在 Node.js 进程开始运行或更新到 Node.js > 10 时分析内存使用情况。
为了增加内存,在运行 Node.js 进程的终端中:

export NODE_OPTIONS="--max-old-space-size=8192"

需要注意的是,export是linux命令,在windows电脑可以使用set。
其中的值max-old-space-size可以是:[2048, 4096, 8192, 16384]等。
更多示例以进一步说明:

export NODE_OPTIONS="--max-old-space-size=5120" # Increase to 5 GB 
export NODE_OPTIONS="--max-old-space-size=6144" # Increase to 6 GB 
export NODE_OPTIONS="--max-old-space-size=7168" # Increase to 7 GB 
export NODE_OPTIONS="--max-old-space-size=8192" # Increase to 8 GB 
# and so on... 
# formula: 
export NODE_OPTIONS="--max-old-space-size=(X * 1024)" # Increase to X GB

# Note: it doesn't have to be multiples of 1024. 
# max-old-space-size can be any number of memory megabytes (MB) you have available. 
查看 max-old-space-size

要查看 max-old-space-size(以 MB 为单位)的当前(不准确但非常接近)值,请在终端中运行

node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' 
### 解决 Angular 项目启动内存溢出问题 当遇到 Angular 项目启动时发生内存溢出的情况,可以采取多种措施来优化构建过程并减少资源消耗。以下是几种有效的解决方案: #### 增加 Node.js 的最大堆栈大小 默认情况下,Node.js 运行时的最大堆栈大小可能不足以处理大型项目编译需求。可以通过设置环境变量 `NODE_OPTIONS` 来增加此限制。 ```bash export NODE_OPTIONS="--max-old-space-size=8192" ``` 这会将可用内存量提升到 8GB[^1]。 #### 使用 Angular 构建优化器 (Build Optimizer) 启用构建优化功能可以在生产模式下移除未使用的代码和其他不必要的部分,从而减小最终包的尺寸以及降低打包期间所需的 RAM 数量。 ```json { "projects": { "your-project-name": { ... "architect": { "build": { ... "configurations": { "production": { "optimization": true, "buildOptimizer": true } } } } } } } ``` 上述配置确保了在执行 ng build --prod 者其他等效命令时自动应用这些选项。 #### 利用 Webpack Bundle Analyzer 插件分析依赖关系树 通过安装 webpack-bundle-analyzer 工具可以帮助识别哪些模块占用了过多空间,并据此调整应用程序结构第三方库的选择。 ```shell npm install --save-dev @angular-builders/custom-webpack webpack-bundle-analyzer ``` 接着修改 angular.json 文件以集成该插件: ```json "builder": "@angular-builders/custom-webpack:browser", "options": { "customWebpackConfig": { "path": "./extra-webpack.config.js" }, ... ``` 并在 extra-webpack.config.js 中加入如下内容: ```javascript const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer'); module.exports = { plugins:[ new BundleAnalyzerPlugin() ] }; ``` 运行带有 --stats 参数的构建指令将会生成一份详细的报告文件用于后续审查。 #### 更新至最新版本的 Angular CLI 和相关工具链 保持开发环境中所使用的技术栈处于最新状态有助于获得性能改进和 bugfixes ,进而缓解潜在的问题源。 ```shell ng update @angular/cli @angular/core ``` 以上方法综合运用能够有效应对大多数场景下的 OOM 错误,如果仍然存在困难,则建议进一步调查具体原因所在之处,比如是否存在循环引用等问题导致异常膨胀的对象图谱。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值