JavaScript 堆内存不足错误，在 angular 2 中创建构建

Question

我想在角度 2 中创建构建，我写了ng build --prod --aot命令并得到以下错误。

180823 ms: Mark-sweep 1338.1 (1437.6) -> 1338.1 (1437.6) MB, 1325.4 / 0.0 ms [allocation failure] [GC in old space requested].
182147 ms: Mark-sweep 1338.1 (1437.6) -> 1338.1 (1437.6) MB, 1323.7 / 0.0 ms [allocation failure] [GC in old space requested].
183495 ms: Mark-sweep 1338.1 (1437.6) -> 1344.6 (1418.6) MB, 1347.4 / 0.0 ms [last resort gc].
184844 ms: Mark-sweep 1344.6 (1418.6) -> 1351.3 (1418.6) MB, 1348.6 / 0.0 ms [last resort gc].

<--- JS stacktrace --->
==== JS stack trace =========================================
Security context: 0x5ec47cfb51 <JS Object>
1: token(aka token) [0x5ec4704381 <undefined>:1724] [pc=0x3e2345467b26] (this=0x5ec4704381 <undefined>,type=0x5ec4704fb1 <String[4]: name>,value=0x3363e2ffb931 <String[62]: __WEBPACK_IMPORTED_MODULE_35__angular_material_button_button__>,is_comment=0x5ec4704381 <undefined>)
2: arguments adaptor frame: 2->3
3: read_word(aka read_word) [0x5ec4704381 <undefined>:~1957] [pc=0x3e23435a05fb]...
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
1: node::Abort() [@angular/cli]
2: 0x1096a4c [@angular/cli]
3: v8::Utils::ReportApiFailure(char const*, char const*) [@angular/cli]
4: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [@angular/cli]
5: v8::internal::Factory::NewTransitionArray(int) [@angular/cli]
6: v8::internal::TransitionArray::Insert(v8::internal::Handle<v8::internal::Map>, v8::internal::Handle<v8::internal::Name>, v8::internal::Handle<v8::internal::Map>, v8::internal::SimpleTransitionFlag) [@angular/cli]
7: v8::internal::Map::ShareDescriptor(v8::internal::Handle<v8::internal::Map>, v8::internal::Handle<v8::internal::DescriptorArray>, v8::internal::Descriptor*) [@angular/cli]
8: v8::internal::Map::CopyAddDescriptor(v8::internal::Handle<v8::internal::Map>, v8::internal::Descriptor*, v8::internal::TransitionFlag) [@angular/cli]
9: v8::internal::Map::CopyWithField(v8::internal::Handle<v8::internal::Map>, v8::internal::Handle<v8::internal::Name>, v8::internal::Handle<v8::internal::FieldType>, v8::internal::PropertyAttributes, v8::internal::Representation, v8::internal::TransitionFlag) [@angular/cli]
10: v8::internal::Map::TransitionToDataProperty(v8::internal::Handle<v8::internal::Map>, v8::internal::Handle<v8::internal::Name>, v8::internal::Handle<v8::internal::Object>, v8::internal::PropertyAttributes, v8::internal::Object::StoreFromKeyed) [@angular/cli]
11: v8::internal::LookupIterator::PrepareTransitionToDataProperty(v8::internal::Handle<v8::internal::JSObject>, v8::internal::Handle<v8::internal::Object>, v8::internal::PropertyAttributes, v8::internal::Object::StoreFromKeyed) [@angular/cli]
12: v8::internal::StoreIC::LookupForWrite(v8::internal::LookupIterator*, v8::internal::Handle<v8::internal::Object>, v8::internal::Object::StoreFromKeyed) [@angular/cli]
13: v8::internal::StoreIC::UpdateCaches(v8::internal::LookupIterator*, v8::internal::Handle<v8::internal::Object>, v8::internal::Object::StoreFromKeyed) [@angular/cli]
14: v8::internal::StoreIC::Store(v8::internal::Handle<v8::internal::Object>, v8::internal::Handle<v8::internal::Name>, v8::internal::Handle<v8::internal::Object>, v8::internal::Object::StoreFromKeyed) [@angular/cli]
15: v8::internal::Runtime_StoreIC_Miss(int, v8::internal::Object**, v8::internal::Isolate*) [@angular/cli]
16: 0x3e2341a092a7
Aborted (core dumped)

我还在我的项目中尝试了以下命令：

node --max-old-space-size=8192 node_modules/@angular/compiler-cli/src/main.js -p tsconfig-aot.json

并得到以下错误：

错误：ENOENT：没有这样的文件或目录，lstat 'tsconfig-aot.json' 错误(本机) at Object.fs.lstatSync (fs.js：982：18) at Object.main (/root/Desktop/rc1-dev/client/node_modules/@angular/tsc-wrapped/src/main.js：20：16) at main (/root/Desktop/rc1-dev/client/node_modules/@angular/compiler-cli/src/main.js：14：16) 在对象。(/root/Desktop/rc1-dev/client/node_modules/@angular/compiler-cli/src/main.js：30：5) 在Module._compile(模块.js：570：32) 在Object.Module._extensions..JS(模块.js：579：10) at Module.load (module.js：487：32) at tryModuleLoad (module.js：446：12) 在Function.Module._load(模块.js：438：3) 编译失败

Answer 1

尝试使用以下脚本在包 json 中运行构建脚本：

"scripts": {
"build-prod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod --aot --no-sourcemap"
}

然后运行"npm run build-prod"。

Answer 2

不要使用 angular-cli 在生产环境中托管您的应用程序！

Angular-cli开发人员不推荐它，正如你在这里看到的！

对于开发版本，您只需要 1 GB 内存，但生产版本非常耗费资源，可能需要超过 2GB 的 RAM。

对于生产环境，您应该在具有超过 2GB RAM 的 PC 中构建应用，并将/dist 文件夹传输到生产服务器。

对于您的生产服务器，您可以使用任何服务器。

如果你想坚持使用 nodejs，我建议你使用 saco 在生产环境中托管你的单页 Web 应用程序。

Answer 3

使用ng build --prod --aot --no-sourcemap(非常确定 --aot 和 --现在默认没有源映射)为生产而构建。

Gzipping 已从 CLI 本身中删除。您的网络服务器可以 为您处理 gzipping，或者您可以管道执行 gulp 任务或 类似于在构建后压缩您的 dist 文件夹。

SRC https://github.com/angular/angular-cli/issues/5482

Answer 4

对于 package.json 中基于 webpack 的应用程序，脚本>相应地增加值 max_old_space_size=5048。

"webpack-dev-server": "node --max_old_space_size=5048 node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"webpack": "node --max_old_space_size=5048 node_modules/webpack/bin/webpack.js"