My learning diary

Javascript heap limit

For the past week, I couldn’t fathom why my diffs seemed to not be on hot reload. It turned out to be a JavaScript heap limit problem. As a result, the codebase didn’t rebuild and remained stale. This issue does not happen to everyone. I’m using a MacBook Air (13-inch, 2017) with 8 GB of RAM.

JavaScript heap limit

Notice the line above the last which says, FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory. The fix was to update package.json with the following script:

  "scripts": {
    "docker-dev": "export NODE_OPTIONS=\"--max-old-space-size=4096\" && npm run build-frontend-dev:watch & ts-node-dev --respawn --transpileOnly --inspect= --exit-child -- src/server.ts"

The script sets the heap size as seen in export NODE_OPTIONS=\"--max-old-space-size=4096\" before running the build command. There was no need to change my Docker resource settings.

Relevant posts