Webpack javascript堆内存不足-大量模块

时间:2018-11-22 12:09:06

标签: node.js webpack

我正在使用带有Angular 4.3.1的webpack 3.12.0进行项目。该应用程序最初非常安静,由于进行了必要的修改,它变得更大,现在出现了这个错误:

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of 
memory
1: node_module_register
2: v8::internal::FatalProcessOutOfMemory
3: v8::internal::FatalProcessOutOfMemory
4: v8::internal::Factory::NewFillerObject
5: v8::internal::MemoryReducer::TearDown

首先,当我运行一个简单的构建而不丑化和缩小时,我注意到webpack输出的数量增加了,我猜这是webpack编译的模块数量:

之前enter image description here

之后: enter image description here

如您所见,我们从1829(+1815个隐藏模块)到2279(+2265个隐藏模块)。

我的第一个问题:数字1829(和2279)到底代表什么?

我试图增加max_old_space_size,但仍然无法正常工作。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我终于找到了解决方法。

应用程序突然变大的原因是导入。

import { BehaviorSubject, Observable } from 'rxjs';

修改为:

import { BehaviorSubject  } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';

现在,应用程序恢复到以前的大小,并且构建不会引起堆溢出。