Question

Getting 504 on App Platform with VueJs.

Posted November 27, 2021 181 views
Vue.jsDigitalOcean App Platform

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.

1 comment

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.

×
Submit an Answer
1 answer

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

  • Has Anyone find out solutions yet? Thanks!

    • Hello Ej
      Hope its okay to call you that.
      What helped me was to separate the manifest file from the mail bundle with webpack that is, am not sure how you can accomplish that with vite,
      Lets just say, the issue has been fixed to nearly 90% compared to earlier which was almost all the time 20%

      So maybe you could try to separate the manifest file from the main bundle and see.