Deployment of react app gets stuck because of lingering process

[aph]

I’ve started a react app using create-react-app which I’ve deployed to netlify when I push to Bitbucket which worked great, until it didn’t. The following message occurs before timeout:

7:01:14 PM: ** WARNING **
7:01:14 PM: There are some lingering processes even after the build process finished:
7:01:14 PM: USER         PID %CPU %MEM    VSZ   RSS TTY      STAT START   TIME COMMAND
7:01:14 PM: buildbot    1283 27.3  2.4 1317828 754316 ?      Sl   17:58   0:41 /opt/buildhome/.nvm/versions/node/v10.18.1/bin/node --max-old-space-size=2048 /opt/build/repo/node_modules/fork-ts-checker-webpack-plugin/lib/service.js
7:01:14 PM: Our builds do not kill your processes automatically, so please make sure
7:01:14 PM: that nothing is running after your build finishes, or it will be marked as
7:01:14 PM: failed since something is still running.
7:01:14 PM: 

I searched my project for fork-ts-checker-webpack-plugin, it only appears in package-lock.json as a requirement for react-dev-utils. I have not installed any new libraries between a commit that ended up being deployed and now, when it just doesn’t work.

The only thing, my app may grew in size as I added sone geojson files. I’m only mentioning this because I say this --max-old-space-size=2048

I don’t even know where to start to fix this …

[perry]

hi there, welcome.
can you give this a read through and see if its helpful before we start debugging?

[Support Guide] Hung or stuck, but seemingly successful build

Last review by Netlify Support Team on December 2022 When a deploy gets stuck with no apparent build failure, it typically means that while our robots did start building your code, it didn’t wrap up some process within the 15 minute time limit our build environment requires. Why can this happen? More on that in a sec, but first I want to mention that our build environment requires all processes, not just the main ones started by your build to complete. If even one thing gets stuck, the proces…

[aph]

I did have a look at this post before but it seems unrelated to my issue as I’m not using Gatsby. Furthermore, the linked article in the second post is dead …

[perry]

thanks for pointing out the broken link! we’ll take a look. it’s tough to stay on top of so many different docs and pieces of info

ok back to the issue at hand - can you share a link to your full deploy log please? I still think it has something to do with this issue. are you using a different ssg, if not gatsby?

[aph]

here is my log

6:44:37 PM: Waiting for other deploys from your team to complete6:57:36 PM: Bu...

I’m not using any ssg. It’s a react app created with create-react-app, pretty standard stuff.

[perry]

ah. On the last line of your log we have the actual culprit (although not necessarily an explanation. your build isn’t completing within the allotted 15 minute time limit.

8:07:52 PM: Build exceeded maximum allowed runtime

More on that here:

[Support Guide] How long should Netlify builds take?

Last checked in April 2022 The only universal answer to this is: it varies. More detail would probably be helpful, right? Below we explain which factors affect the lengths of builds on Netlify One key factor is the site itself. Larger sites will take longer to build than smaller ones, and things like images and video can impact this (if those assets need to be downloaded or processed during build). Another factor is the static site generator (SSG) being used (if any). The perfo…

I do feel sure that this is due to the lingering processes that aren’t terminating, so the code cannot get completed and pushed out to the edge nodes on our cdn.

I’ll let another support engineer with a deeper understanding of what the root cause may be weigh in here, but if i were you i would try and see if there is anything you can think of that might be causing the process to never complete.

[luke]

Those logs show the build running out of javascript heap memory. It looks very similar to the issue here:

Node.js heap out of memory

Would you please try adding the following environment variable and letting us know if that resolves the issue or not?

--max-old-space-size=4096

[aph]

After Perrys posts I noticed that the build process takes ages even on my local machine. I’ve bloated the app with GeoJSON files like a crazy person. No wonder it times out on your CI. Will be moving the data to be delivered by functions from a DB now.

While adding the env variable as suggested did not help in my case, it was the size of the build causing my troubles which is why I marked lukes post as the solution.

Thank you Netlify support!