visdom shows nothing

[y406539259]

I am very confused that I tried the demo.py but showed nothing at http://localhost:8097
The server has received the message but shows nothing, the web explorer only shows blue background, It has no other windows.

y406539259@BILL-172:~$ python -m visdom.server
It's Alive!
INFO:tornado.access:304 GET / (127.0.0.1) 5.03ms
INFO:tornado.access:304 GET / (::1) 3.56ms
INFO:tornado.access:304 GET / (222.201.139.49) 3.57ms
INFO:tornado.access:304 GET /favicon.png (222.201.139.49) 2.84ms
INFO:tornado.access:200 POST /events (::1) 1.37ms
INFO:tornado.access:200 POST /events (::1) 2.56ms
INFO:tornado.access:200 POST /events (::1) 1.79ms
INFO:tornado.access:200 POST /events (::1) 1.20ms
INFO:tornado.access:200 POST /events (::1) 0.79ms
INFO:tornado.access:200 POST /events (::1) 1.08ms
INFO:tornado.access:200 POST /events (::1) 1.69ms
INFO:tornado.access:200 POST /events (::1) 1.47ms
INFO:tornado.access:200 POST /update (::1) 1.51ms
INFO:tornado.access:200 POST /events (::1) 1.01ms
INFO:tornado.access:200 POST /events (::1) 0.99ms
INFO:tornado.access:200 POST /events (::1) 0.91ms
INFO:tornado.access:200 POST /events (::1) 0.69ms
INFO:tornado.access:200 POST /events (::1) 0.60ms
INFO:tornado.access:200 POST /events (::1) 9.94ms
INFO:tornado.access:200 POST /events (::1) 6.87ms
INFO:tornado.access:200 POST /events (::1) 1.26ms
INFO:tornado.access:200 POST /events (::1) 0.92ms
INFO:tornado.access:200 POST /events (::1) 0.71ms
INFO:tornado.access:200 POST /update (::1) 0.89ms
INFO:tornado.access:200 POST /update (::1) 0.62ms
INFO:tornado.access:200 POST /update (::1) 1.09ms
INFO:tornado.access:200 POST /events (::1) 1.12ms
INFO:tornado.access:200 POST /events (::1) 0.92ms
INFO:tornado.access:200 POST /events (::1) 1.33ms
INFO:tornado.access:200 POST /events (::1) 0.60ms
INFO:tornado.access:200 POST /events (::1) 0.61ms
INFO:tornado.access:200 POST /events (::1) 0.65ms
INFO:tornado.access:200 POST /close (::1) 0.78ms
INFO:tornado.access:200 POST /events (::1) 0.67ms
INFO:tornado.access:304 GET / (::1) 3.81ms
INFO:tornado.access:304 GET / (127.0.0.1) 2.62ms
INFO:tornado.access:304 GET / (222.201.139.49) 3.58ms
INFO:tornado.access:304 GET /favicon.png (222.201.139.49) 3.68ms
INFO:tornado.access:304 GET / (222.201.139.49) 3.55ms
INFO:tornado.access:200 GET /favicon.png (222.201.139.49) 3.33ms
INFO:tornado.access:304 GET / (127.0.0.1) 3.01ms
INFO:tornado.access:304 GET / (127.0.0.1) 3.74ms
INFO:tornado.access:304 GET / (::1) 3.33ms
INFO:tornado.access:304 GET / (127.0.0.1) 3.35ms

[zengyu714]

Same on python3.6, it used to be OK.

[ysfalo]

Same on python2.7 ubuntu 14,04

[ajabri]

Hmm. Can you surface the Developer Console in your browser and post any error messages that show up on the browser end? With Chrome you can get this in 'View'->'Developer'->'Javascript Console'.

[zengyu714]

(index):24 GET https://cdn.rawgit.com/STRML/react-grid-layout/0.14.0/dist/react-grid-layout.min.js net::ERR_CONNECTION_TIMED_OUT
(index):28 GET https://cdn.rawgit.com/plotly/plotly.js/master/dist/plotly.min.js net::ERR_CONNECTION_TIMED_OUT

This time-out error could be solved by proxy, and then visdom is normal again.
Thank @ajabri for providing a way to check errors.

Thanks to the GREAT Firewall in China. 👎

[y406539259]

process.env.ENV is not defined, assuming 'prod' env

GET https://cdn.rawgit.com/STRML/react-grid-layout/0.14.0/dist/react-grid-layout.min.js net::ERR_CONNECTION_TIMED_OUT 116.56.143.172/:24
GET https://cdn.rawgit.com/plotly/plotly.js/master/dist/plotly.min.js
net::ERR_CONNECTION_TIMED_OUT 116.56.143.172/:28

Uncaught ReferenceError: ReactGridLayout is not defined
at Object. (http://116.56.143.172:8097/static/js/main.jsv=1dec7545b53a21bc0a4c9df11e24c8fc:1:11583)
at t (http://116.56.143.172:8097/static/js/main.js?v=1dec7545b53a21bc0a4c9df11e24c8fc:1:107)
at Object. (http://116.56.143.172:8097/static/js/main.jsv=1dec7545b53a21bc0a4c9df11e24c8fc:1:227)
at t (http://116.56.143.172:8097/static/js/main.js?v=1dec7545b53a21bc0a4c9df11e24c8fc:1:107)
at http://116.56.143.172:8097/static/js/main.js?v=1dec7545b53a21bc0a4c9df11e24c8fc:1:194
at http://116.56.143.172:8097/static/js/main.jsv=1dec7545b53a21bc0a4c9df11e24c8fc:1:199

WARNING: cdn.mathjax.org has been retired. Check https://www.mathjax.org/cdn-shutting-down/ for migration tips

[yukang2017]

Would you please give some instructions on how to use proxy to solve this? @zengyu714

[zengyu714]

That is, use your VPN. 2017-08-10 11:29 GMT+08:00 yukang2017 <notifications@github.com>:

…

Would you please give some instructions on how to use proxy to solve this? @zengyu714 <https://github.com/zengyu714> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#111 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATbNA2-qllNHUdED3Wh_h3PZdAOGMBf6ks5sWnkmgaJpZM4OLnir> .

[zengxianyu]

I don't think it can be solved by VPN. Sometimes I use VPN, and visdom works; sometimes I don't use VPN, and Visdom works. But sometimes I use VPN, and Visdom do not work. @zengyu714

btw, it seems that you and me have a same name 'zeng yu' 😃

[yukang2017]

@zengxianyu
change py/init.py,line 206 server='http://localhost' to
server='127.0.0.1'
then resetup visdom using:
python setup.py install

It works for me without VPN

[zengxianyu]

It does not work for me 😢 @yukang2017

[yukang2017]

When using it, go to the address : 127.0.0.1:8097 instead of http://localhost:8097.
@zengxianyu

[y406539259]

The reason is the web browser can not find plotly and react-gird-layout through internet
My idea is download these two packages and change the search path of them in index.html of visdom.

So I downloaded
1, plotly.js: https://github.com/plotly/plotly.js
2, react-gird-layout: https://github.com/STRML/react-grid-layout

And put them in
python2.7/site-packages/visdom/static/js/

And I added the search path of them in:
python2.7/site-packages/visdom/static/index.html

So the web browser can find them locally.

<!-- Other deps -->
<script src="https://unpkg.com/react@15/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/classnames@2.2.5"></script>
<script src="https://unpkg.com/layout-bin-packer@1.2.2"></script>
<script src={{ static_url("js/react-grid-layout-master/dist/react-grid-layout.min.js") }}></script>

<!-- Mathjax -->
<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG"></script>

<!-- Plotly -->
<script src={{ static_url("js/plotly.js-master/dist/plotly.min.js") }}></script>

Finally, it works and do not need to use a VPN.