terser-webpack-plugin - FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

[mileslane]

CONFIG INFO:

• node: 14.17.5
• webpacker: 5.4.2
• webpack: 4.46.0
• terser-webpack-plugin: 4.2.3

On my local machine (MacOS) and on a production deployment to an Ubuntu 18.04 instance on AWS, bin/rake assets:precompile is failing with a crash while the terser-webpack-plugin is working. However, if I export "NODE_OPTIONS=--max_old_space_size=8000", then the compiling fails differently.

Without setting export "NODE_OPTIONS=--max_old_space_size=5000":

ERROR in ../pspdfkit-lib/pspdfkit-6191d91f4b0e8a77.asm.js from Terser
Error: Call retries were exceeded
at ChildProcessWorker.initialize (/srv/www/cvp/releases/20210910152431/node_modules/jest-worker/build/workers/ChildProcessWorker.js:193:21)
at ChildProcessWorker._onExit (/srv/www/cvp/releases/20210910152431/node_modules/jest-worker/build/workers/ChildProcessWorker.js:274:12)
at ChildProcess.emit (events.js:400:28)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/postcss-loader/src/index.js??ref--5-2!node_modules/@fontsource/nunito/index.css:
Entrypoint mini-css-extract-plugin = *
9 modules
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--6-1!node_modules/postcss-loader/src/index.js??ref--6-2!node_modules/sass-loader/dist/cjs.js??ref--6-3!app/javascript/packs/reset.scss:
Entrypoint mini-css-extract-plugin = *
[0] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/packs/reset.scss 3.56 KiB {0} [built]
+ 1 hidden module
 
<--- Last few GCs --->
 
[19851:0x4911b10]   221966 ms: Mark-sweep 1941.1 (1950.1) -> 1939.8 (1950.9) MB, 2888.3 / 0.0 ms  (average mu = 0.104, current mu = 0.010) allocation failure scavenge might not succeed
[19851:0x4911b10]   225441 ms: Mark-sweep 1941.9 (1950.9) -> 1940.6 (1951.6) MB, 3449.8 / 0.0 ms  (average mu = 0.053, current mu = 0.007) allocation failure scavenge might not succeed
 
<--- JS stacktrace --->
 
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 0xa25510 node::Abort() [/usr/bin/node]
2: 0x9664d3 node::FatalError(char const*, char const*) [/usr/bin/node]
3: 0xb9a8be v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/usr/bin/node]
4: 0xb9ac37 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/usr/bin/node]
5: 0xd56ca5  [/usr/bin/node]
6: 0xd5782f  [/usr/bin/node]
7: 0xd6566b v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/usr/bin/node]
8: 0xd67d25 v8::internal::Heap::HandleGCRequest() [/usr/bin/node]
9: 0xd0e237 v8::internal::StackGuard::HandleInterrupts() [/usr/bin/node]
10: 0x107f84a v8::internal::Runtime_StackGuardWithGap(int, unsigned long*, v8::internal::Isolate*) [/usr/bin/node]
11: 0x1426919  [/usr/bin/node]

With export "NODE_OPTIONS=--max_old_space_size=5000" set:

ERROR in ../pspdfkit-lib/pspdfkit-6191d91f4b0e8a77.asm.js from Terser
RangeError: Value undefined out of range for undefined options property undefined
    at Set.add (<anonymous>)
    at Object.append_comments (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7466:26)
    at doit (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7581:20)
    at AST_SymbolRef.<anonymous> (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7587:13)
    at /Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:8600:19
    at doit (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7580:13)
    at AST_Binary.<anonymous> (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7587:13)
    at /Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:8600:19
    at doit (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7580:13)
    at AST_Binary.<anonymous> (/Users/mileslane/Projects/clear_value_plus/node_modules/terser/dist/bundle.min.js:7587:13)

[alexander-akait]

Bug in terser, unfortunately this cannot be fixed, you need new terser version, can you run npm ls terser?

[mileslane]

└─┬ @rails/webpacker@5.4.2
. ├─┬ terser-webpack-plugin@4.2.3
. │ └── terser@5.7.2
. └─┬ webpack@4.46.0
. . └─┬ terser-webpack-plugin@1.4.5
. . . └── terser@4.8.0

[alexander-akait]

Problem was fixed in terser v5, you need webpack v5 to use the latest version of terser-webpack-plugin, as workaround try to rewrite code, hard to say there, based on stack trace try to remove comments

[mileslane]

Thank you for your swift responses! Is there any way to use webpack v5 to be used by webpacker 5.4.2, or does it need webpacker v6?

[alexander-akait]

I think you need to update webpacker