Material UI Typescript가 Webpack Dev Server의 노드 OOM 발생

Question

material-ui v0.19.1에서 v1.0.0-beta.20으로 업그레이드 중입니다. Webpack dev 서버가 부팅시 성공적으로 컴파일됩니다. 그러나 첫 번째 변경 후에 노드는 아래의 스택 추적을 사용하여 메모리를 비 웁니다. typescript 컴파일로 인해 오류가 발생한 것 같습니다. https://github.com/Microsoft/TypeScript/issues/14628의 단계를 따라했지만 행운은 없었습니다.

94% asset optimization 
[at-loader] Checking started in a separate process... 

<--- Last few GCs ---> 

    41632 ms: Mark-sweep 1373.4 (1435.0) -> 1373.2 (1435.0) MB, 752.7/0.0 ms [allocation failure] [GC in old space requested]. 
    42331 ms: Mark-sweep 1373.2 (1435.0) -> 1373.2 (1435.0) MB, 698.9/0.0 ms [allocation failure] [GC in old space requested]. 
    43081 ms: Mark-sweep 1373.2 (1435.0) -> 1377.5 (1419.0) MB, 749.8/0.0 ms [last resort gc]. 
    43802 ms: Mark-sweep 1377.5 (1419.0) -> 1381.9 (1419.0) MB, 720.2/0.0 ms [last resort gc]. 


<--- JS stacktrace ---> 

==== JS stack trace ========================================= 

Security context: 0x2673a12cf781 <JS Object> 
    2: /* anonymous */(aka /* anonymous */) [/Users/name/work/project/node_modules/typescript/lib/typescript.js:24378] [pc=0x3e6e0378c55b] (this=0x2673a1204381 <undefined>,symbol=0x3e7ad43914c1 <a SymbolObject with map 0x2daa61c87129>,id=0x15b6ee481b41 <String[8]: children>) 
    3: arguments adaptor frame: 3->2 
    4: forEach [native collection.js:~335] [pc=0x3e6e03767052] (this=... 

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 
1: node::Abort() [/usr/local/bin/node] 
2: node::FatalException(v8::Isolate*, v8::Local<v8::Value>, v8::Local<v8::Message>) [/usr/local/bin/node] 
3: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [/usr/local/bin/node] 
4: v8::internal::Handle<v8::internal::AllocationSite> v8::internal::Factory::New<v8::internal::AllocationSite>(v8::internal::Handle<v8::internal::Map>, v8::internal::AllocationSpace) [/usr/local/bin/node] 
5: v8::internal::Factory::NewAllocationSite() [/usr/local/bin/node] 
6: v8::internal::AllocationSiteCreationContext::EnterNewScope() [/usr/local/bin/node] 
7: v8::internal::CreateArrayLiteralImpl(v8::internal::Isolate*, v8::internal::Handle<v8::internal::LiteralsArray>, int, v8::internal::Handle<v8::internal::FixedArray>, int) [/usr/local/bin/node] 
8: v8::internal::Runtime_CreateArrayLiteralStubBailout(int, v8::internal::Object**, v8::internal::Isolate*) [/usr/local/bin/node] 
9: 0x3e6e029079a7 
10: 0x3e6e0292be25 
error Command failed with signal "SIGABRT". 

타이프 스크립트로 인해 문제가 발생한 것 같습니다. 나는 우리를 시도했다

Answer 1

문제는 내가 공식 ts-loader 대신에 사용하고 있었다는 것이다. ts-loader에 이미 문제가 발생하여 수정되었습니다 (복잡한 제네릭과 관련이 있다고 생각합니다). ts-loader으로 전환하면 문제가 해결되었습니다.