Callback returns 503 Failed to load resource error

I have a plotly dash app that I deploy with google build.

Repo: GitHub - RemDelaporteMathurin/h-transport-materials-dashboard: Dashboard for H transport properties
App deployed: https://htm-dashboard-uan5l4xr6a-od.a.run.app/

Everything works fine apart for a callback fetching information from the Crossref api:

The console shows the following

/_dash-update-component:1 
 Failed to load resource: the server responded with a status of 503 ()
dash_renderer.v2_9_3m1689684908.min.js:2 
Object
html: "Service Unavailable"
message: "Callback error updating graph_nb_citations_diffusivity.figure"
[[Prototype]]: Object

This looks like a timeout issue although I’m not certain.

I tried running it locally and everything seems fine, the callback takes about 3s.
Both the gunicorn timeout (30s) and the google cloud timeout (300s) are well above this time.

I am not an expert in deployment, servers and all these things so please bear with me :slight_smile:

What I find weird is that the callback takes approximately 3s to run locally so I don’t understand why it would time out.

Thanks for the help!

welcome back to the community, @remidm . This is a really cool app. I hope we can get the error fixed.

1 Like