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.
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=0.0.0.0 --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.