Getting 504 on App Platform with VueJs.


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.


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.

Show comments

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Hey there!

That is odd that it randomly fails to load the chunk and then works after a refresh. I’d recommend opening a ticket to our support team to take a look into this further.

Hope it helps! Nate