Getting 504 on App Platform with VueJs.

Hello,

I am using the app platform on digital ocean to host my atatic site. The build goes successfully at least from the app point of view. Visiting the live app some times the app loads successfully with all chunks fetched but most of the times there is one or two chunks are missing.

I say most of the times because every time i push to git i have to make sure that all chunks are loaded correctly which invalidates the whole point of opting for the App platform at least from my perspective.

Because of the missing chunk, some part of the application is not rendered by the app, so it just hangs, no route change.

Troubleshooting:

Visiting the networking panel in dev tools the missing chunk with 504 error, i see that its not loaded. Clicking on this chunk opens it in the new window and voila i can see that the browser is able to fetch it and i can see its content.

Coming back and refreshing the failed route, now its working as expected.

At first i thought it would be a runtime issue in my scripts but am not so sure that’s the issue right now.

Any help to solve this will be appreciated.