App doesn't render (stuck at "Loading ..."; possibly React-related?)

Dash Python
1

Hi!

First of all, thanks for developing such a cool software-package!
I developed a Dash-app and it worked until yesterday. I’m not sure whether I messed up something in the configuration of my desktop, but I’ve managed to reproduce the issue with a minimal example. I’ve copied the code from the first example on https://plot.ly/dash/getting-started (simple blue/orange bar-graph) and ran it with python app.py. When I go to the specified URL, though, I see only:

Loading ....

The app does work, however, when I run the app offline (as suggested here) by adding the following lines:

app.css.config.serve_locally = True
app.scripts.config.serve_locally = True

As suggested in the aforementioned Github-issue, I’ve looked at the output of the browser’s devtools, which shows the following:

image
image.png1847×167 25.5 KB

It seems that, for some reason, it cannot find the https://unpkg.com/react@15.4.2/dist/react.min.js file, which indeed gives a 404 Not Found error.

Maybe the issue is something trivial from my side, in that case - apologies! I hope someone has a hint in the right direction, because I have to present my Dash-application tomorrow :grimacing:

Best,
Lukas

2

Same issue. Very confused. What version of Chrome are you on? I updated mine yesterday, and it seems to have broken React / Dash ever since. Mac, 60.0.3112.101

3

Same problem since updating to the newest versions (this morning)
Seems like it hast do to with react-dom@15.4.2
It is not available on unpkg https://unpkg.com/react-dom@15.4.2/dist/react-dom.min.js

4

Didn’t work on Chrome (Version 60.0.3112.101 (Official Build) (64-bit)) or Firefox (54.0 (64-bit)) on my Ubuntu 16.04 desktop.
For a quick (temporary) fix, check out this Github issue.
Simply edit the __init__ file in the dash-renderer package, replacing …

https://unpkg.com/react@15.4.2/dist/react.min.js

with …

https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js

2 Likes
5

Is there a workaround for apps deployed on Heroku? We won’t be able to edit the installed python dependencies there, right?

7

I’m not sure why the unpkg CDN is down. Until this is resolved, you can load the scripts and css locally with:

app.css.config.serve_locally = True
app.scripts.config.serve_locally = True
2 Likes
8

(FYI - The original cause of this issue (the unpkg CDN failing to serve react-dom) is being tracked here: https://github.com/unpkg/unpkg-website/issues/54)

9

Hello everyone. I am a newbie on dash. I had the same problem with this. I run the hello world project on my computer on chrome and it works perfectly. But when I copy code into my VDI that has no internet connection on Ubuntu and run it offline, it didnot work on Firefox 60.0.1 although I installed all packages. It keep displaying like that and no render worked.
What is the problem and what should I do?
Thank you so much

image
image.jpg3273×763 340 KB

10

This has not been fixed so far?