ToB企服应用市场:ToB评测及商务社交产业平台

标题: pnpm build打包时占内溢出 [打印本页]
作者: 慢吞云雾缓吐愁    时间: 2024-7-22 17:18
标题: pnpm build打包时占内溢出
        这两天在打包H5网页的时候失败，总是提示下方错误
   FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
  严峻错误：堆限定附近标记压缩无效分配失败 - JavaScript 堆内存不足
          尝试了多种方法，有一种方式是直接下令行设置的，另有直接在package.json文件的build前面加下令的，但是没有效果，下方的解决方法亲测有效。
  1. rendering chunks (4)...
  2. <--- Last few GCs --->
  4. [8676:000001FAEAF60F70]   101479 ms: Mark-sweep (reduce) 2036.2 (2083.2) -> 2034.8 (2082.1) MB, 3196.4 / 0.2 ms  (average mu = 0.247, current mu = 0.162) allocation failure GC in old space requested
  5. [8676:000001FAEAF60F70]   103959 ms: Mark-sweep (reduce) 2035.3 (2082.4) -> 2035.3 (2082.4) MB, 2478.4 / 0.0 ms  (average mu = 0.147, current mu = 0.001) allocation failure GC in old space requested
  8. <--- JS stacktrace --->
  10. FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
  11. 1: 00007FF67AF3B34F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+123599
  12. 2: 00007FF67AEC8CB6 v8::internal::MicrotaskQueue::GetMicrotasksScopeDepth+65206
  13. 3: 00007FF67AEC9D8D node::OnFatalError+301
  14. 4: 00007FF67B7FC36E v8::Isolate::ReportExternalAllocationLimitReached+94
  15. 5: 00007FF67B7E694D v8::SharedArrayBuffer::Externalize+781
  16. 6: 00007FF67B689F2C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
  17. 7: 00007FF67B696BD9 v8::internal::Heap::PublishPendingAllocations+1129
  18. 8: 00007FF67B693BAA v8::internal::Heap::PageFlagsAreConsistent+2842
  19. 9: 00007FF67B686809 v8::internal::Heap::CollectGarbage+2137
  20. 10: 00007FF67B6849C0 v8::internal::Heap::AllocateExternalBackingStore+2000
  21. 11: 00007FF67B6A9546 v8::internal::Factory::NewFillerObject+214
  22. 13: 00007FF67B88A061 v8::internal::SetupIsolateDelegate::SetupHeap+494417
  23. 14: 000001FAECEE4B52
复制代码

现在下载increase-memory-limit 和 cross-env
  1. npm install cross-env increase-memory-limit
复制代码
到package.json文件夹下添加配置如下：
  1. "fix-memory-limit": "cross-env LIMIT=8048 increase-memory-limit",
复制代码

 添加完配置之后，在项目目录下运行
  1. pnpm run fix-memory-limit
复制代码
完成之后，直接打包或运行代码。
   小计：没有很清晰造成这个nodejs的栈内存溢出的原因，就看到网上很多都是修改node的内存的，具体的表明就是在打包的时候数据没办法被开释，导致内存溢出。
不是很理解，一下是AI给的大概得原因：
  1. FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 这个错误通常发生在 Node.js 应用程序或脚本在执行过程中耗尽了可用的 JavaScript 堆内存。在 Vue.js 或其他前端框架的打包过程中遇到这个错误，可能有以下几个原因：
  3. 内存限制： Node.js 在启动时默认分配的堆内存大小有限，对于64位系统，默认值通常是1.4GB左右。当构建过程中的 JavaScript 对象和数据结构占用的内存超过了这个限制，就会出现内存溢出。
  5. 复杂的构建任务： 构建工具如 Webpack 可能在处理大型项目或复杂配置时消耗大量内存。例如，解析大量的模块依赖、执行 babel 转译、压缩代码、处理样式资源等操作都可能消耗大量内存。
  7. 循环引用或泄漏： 如果构建过程中存在内存泄漏或者不正确的垃圾回收机制，会导致不再使用的对象无法被及时释放，从而逐渐消耗掉可用的内存。
  9. 插件或加载器问题： 某些构建插件或加载器可能在执行时消耗过多内存，尤其是当它们处理大文件或进行深度递归操作时。
  11. 并发构建： 如果同时运行多个构建任务，每个任务都会消耗内存，可能导致总内存消耗超出系统限制。
  13. 解决这个问题的方法包括：
  15. 增加内存限制： 可以通过增加 Node.js 启动时的最大堆内存来解决。例如，对于 Vue CLI 项目，可以在 package.json 中的脚本命令前添加 --max_old_space_size=<size> 参数，如 npm run build -- --max_old_space_size=4096，将最大堆内存设置为4GB。
  17. 优化构建配置： 审查并优化 Webpack 配置，移除不必要的插件或加载器，减少并行执行的任务数量，使用更高效的编译选项。
  19. 清理内存泄漏： 使用内存分析工具检查构建过程中是否存在内存泄漏，并修复相关问题。
  21. 升级构建工具： 升级到最新版本的构建工具和依赖包，新版本可能已经修复了一些已知的性能问题和内存消耗问题。
  23. 使用专用构建服务器： 如果本地机器经常遇到内存不足的问题，可以考虑使用具有更多内存的专用构建服务器来执行构建任务。
复制代码


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4