خطای کمبود فضای حافظه در هنگام Build پروژه های بزرگ React

در پروژه های بزرگ که با React توسعه داده شده است ممکن است در هنگام Build پروژه یا Start پروژه با مشکلات کمبود فضای حافظه برای Build گرفتن مواجه شوید.

در یکی از پروژه های بزرگی که انجام میدادم بعد از گذشت یک سال از نوشتن پروژه، به اندازه ای کد ها زیاد شده بود و node_modules شلوغ شده بود که زمان بیلد با این خطا مواجه شدیم.

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

با جستجو های زیاد و تست جواب های زیادی که کاربران داده بودند راه حل مناسب رو برای پروژه های React پیدا کردم و پروژه Build شد.

با خودم گفتم اینجا مطرح کنم که اگر شما هم با این مشکل مواجه شدید زمان زیادی رو صرف جستجو نکنید زیرا راه حل های موجود زیاد هستند و بعضا بدرد پروژه هایی که با React و مخصوصا با create-react-app نوشته شده اند نمی خورد.

برای برطرف کردن مشکل به فایل package.json مراجعه نمایید و در بخش scripts دو خط زیر را بجای start و build قرار دهید.

"start": "react-scripts --max_old_space_size=4096  start",
 "build": "react-scripts --max_old_space_size=4096  build",