天天看点

Javascript内存溢出,FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

问题:

        在npm run build的时候,提示报错,报错信息如下:TAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
1: node::Abort() [node]
2: 0x11e7fec [node]
3: v8::Utils::ReportOOMFailure(char const*, bool) [node]
4: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [node]
5: v8::internal::Factory::NewRawTwoByteString(int, v8::internal::PretenureFlag) [node]
6: v8::internal::String::SlowFlatten(v8::internal::Handle, v8::internal::PretenureFlag) [node]
7: v8::internal::Runtime_StringCharCodeAtRT(int, v8::internal::Object**, v8::internal::Isolate*) [node]
           

原因:

        报错CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory堆内存不足,这里说的JavaScript内存不足,其实就是 Node。因为 Node 是基于V8引擎,在一般的后端开发语言中,在基本的内存使用上没有什么限制。但是在 Node 中通过 JavaScript 使用内存时只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB),这就是我们编译项目时为什么会出现内存泄露了。因为前端项目如果非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了V8对 Node 默认的内存限制大小就会出现上面的报错。

解决办法:

        V8提供了选项让我们使用更多的内存。Node 在启动时可以传递 --max-old-space-size 或 --max-new-space-size 来调整内存大小的使用限制。如果遇到 Node 无法分配足够内存给 JavaScript 的情况,可以用这个办法来放宽V8默认的内存限制,避免在执行过程中稍微多用了一些内存就轻易崩溃。

        传递 --max-old-space-size 来调整内存大小的使用限制,vue直接在package.json中的命令中的 node 后面写上 --max_old_space_size=4096 就好了,一般设置内存大小是4G就可以了,不过具体的大小可以根据自己的项目情况来进行调整。

"scripts": {
        "dev": "webpack-dev-server  --inline --progress --config build/webpack.dev.conf.js",
        "start": "npm run dev",
        "build": "node --max_old_space_size=4096 build/build.js"
    },