JavaScript heap out of memory when building Vue.js app

vue.js vue-cli
Jaye Hernandez picture Jaye Hernandez · Apr 25, 2019 · Viewed 7.5k times · Source

I'm trying to build a vue.js app for production. This error message always appears midway through.

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

I already tried to increase the memory by adding --max_old_space_size=4096 and even tried to change it to 8192, but to no avail. I am using a Mac with 8 GB of RAM so I'm not sure why this is happening.

This is the code I run for npm run build:

vue-cli-service build --max_old_space_size=4096

Answer

BaronGrivet picture BaronGrivet · Jul 25, 2019

I ran into this problem too. The memory limitation was with Node so running this command worked:

NODE_OPTIONS=--max_old_space_size=4096 npm run build

The default memory limit for Node is 512MB, running this command temporarily increased it to 4GB.

Related questions

Which command do I use to generate the build of a Vue app?

What should I do after developing a Vue app with vue-cli? In Angular there was some command that bundle all the scripts into one single script. Is there something the same in Vue?

Read More
How to change port number in vue-cli project

How to change Port number in Vue-cli project so that it run's on another port instead of 8080.

Read More
Using Environment Variables with Vue.js

I've been reading the official docs and I'm unable to find anything on environment variables. Apparently there are some community projects that support environment variables but this might be overkill for me. So I was wondering if there's something simple …

Read More