Angular Nx Project: “JavaScript heap out of memory” when building/serving with Kendo UI #396
Description
I'm working on an Angular Nx project that uses Kendo UI for Angular components. Recently, I’ve been facing persistent “JavaScript heap out of memory” errors whenever I run the development server or build process.
Error Message FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
Logs (abbreviated): <--- Last few GCs ---> [70028:0000020B89251D50] 447688 ms: Mark-sweep ... ... FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
What I’ve Tried Increasing Node.js Memory: I’ve set --max-old-space-size=4096 (and even higher) in NODE_OPTIONS or by using:
node --max-old-space-size=8192 ./node_modules/.bin/nx serve cms This helps temporarily but still doesn’t fully resolve the issue in some cases.
Removing/Optimizing Dependencies: I removed other unused packages and assets, but when Kendo components are in play, the memory usage goes up during build/serve.
Lazy Loading: I’ve ensured large feature modules are lazy-loaded, but it hasn’t eliminated the error.
Upgrading: I have updated my Nx and Angular versions, but the issue still occurs.
please refer the screen shot below
