Troubleshooting with PipeOps: Error 502 with React apps

orunto

Orunto Eniola

Posted on June 15, 2024

Troubleshooting with PipeOps: Error 502 with React apps

Day 3 of [HackOps 1.0] and my quest to compile as many fixes for the errors participants face during the duration of the hackathon continues. Today it's the 502: Bad gateway error some React Devs encountered

Mild Disclaimer

I'm making sure to state that these errors and fixes are framework specific so as not to mislead other users that have similar problems in different environments. You are welcome to try it out, but please do let me know whether or not they work for your circumstance so I can update the guide. Thank you 😊

Build Settings

  • Set your project's framework to ReactJs and build method is set to Node (Static Frontend)

Project's framework to ReactJs build method is set to Node (Static Frontend)

  • Set build rules to the node version you used in building your react app and the build path to the appropriate folder be it dist or build

Build rules and build path settings

That should handle the error. If you have any issues please let me know in the comments.

Thank you for reading! And to my fellow hackathon competitors, See you at the finals! 🫵

💖 💪 🙅 🚩
orunto
Orunto Eniola

Posted on June 15, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related