Adding datatable on separate tab causes `Error loading layout`

This issue may or may not be related to Adding data table to page disables graph interactivity

When I added a datatable to a separate tab in my Dash app, it worked fine for a while. I was able to build the basics and then apply some styling. Then, all of a sudden, it stopped working, giving me Error loading layout instead. If I disable the tab with datatable, everything works again.

The browser shows 500 INTERNAL SERVER ERROR
GET request is as follows:

scheme: 	http
host	127.0.0.1:8050
filename	/_dash-layout

Then goes

Status: 500 INTERNAL SERVER ERROR
Version: HTTP/1.0
Transferred: 19.47 KB (19.26 KB size)
Referrer Policy: no-referrer-when-downgrade

At the bottom of the console I see

Response is missing header: content-type: application/json

which is true: in the response headers section there’s only

Content-Type:	text/html; charset=utf-8

Please, advise. How can I fix this?

UPD: This is NOT a local issue: when I deployed the app to Heroku, I got exactly the same behaviour.

1 Like

I have same issue.
Someone please solve this problem.

Hi @shoomow
Can you please share the exact error message you get.

It would also be great if I could replicate the problem locally. Can you share a minimal reproducible example?

Hi, Adam
First off, I’m not sure what other info I can get you that isn’t in the post already. All the technical details available are there, including the exact error message.
Second: it was a year ago, so I don’t really remember what project that even was. Sorry about that.