Jupyter Lab issue displaying widgets (javascript error)

Question

I have troubles replicating a Jupyter Lab install on a new PC. It is working fine on my previous one. I am unable to display simple widgets (like a checkbox from ipywidgets or ipyvuetify). I checked that jupyter-widgets is enable with jupyter labextension list. The results is :

    jupyter-vue v1.7.0 enabled ok
    jupyter-vuetify v1.8.4 enabled ok
    @jupyter-widgets/jupyterlab-manager v5.0.2 enabled ok (python, jupyterlab_widgets)

In the notebook, when i try to display a widget, the cell display a Javascrip error :

    [Open Browser Console for more detailed log - Double click to close this message]
    Failed to load model class 'CheckboxModel' from module '@jupyter-widgets/controls'
    Error: Module @jupyter-widgets/controls, version ^1.5.0 is not registered, however,         
    2.0.0 is
    at f.loadClass (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/134.083e6b37f2f7b2f04b5e.js?v=083e6b37f2f7b2f04b5e:1:74976)
    at f.loadModelClass (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/150.467514c324d2bcc23502.js?v=467514c324d2bcc23502:1:10721)
    at f._make_model (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/150.467514c324d2bcc23502.js?v=467514c324d2bcc23502:1:7517)
    at f.new_model (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/150.467514c324d2bcc23502.js?v=467514c324d2bcc23502:1:5137)
    at f.handle_comm_open (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/150.467514c324d2bcc23502.js?v=467514c324d2bcc23502:1:3894)
    at _handleCommOpen (http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab- 
    manager/static/134.083e6b37f2f7b2f04b5e.js?v=083e6b37f2f7b2f04b5e:1:73392)
    at b._handleCommOpen (http://localhost:8888/static/lab/jlab_core.86360d749a1ef5f29afb.js? 
    v=86360d749a1ef5f29afb:2:924842)
    at async b._handleMessage 
    (http://localhost:8888/static/lab/jlab_core.86360d749a1ef5f29afb.js? 
    v=86360d749a1ef5f29afb:2:926832)

Always best if you supply more information, like the result of `!python -c "import sys; print('\n',sys.version); import ipympl; print('ipympl version:', ipympl.__version__)" && jupyter --version && jupyter nbextension list && jupyter labextension list`, yet I suspect you have the issue noted [here](https://github.com/jupyterlab/jupyterlab/issues/12977#issuecomment-1221309124) & so I think you want to change your ipywidgets version to 7.7.2 or 7.6.5 to fix this issue. Check [here](https://github.com/jupyter-widgets/ipywidgets/issues/3558#issuecomment-1221309944), too. — Wayne, Sep 14 '22 at 16:56
Alternatively, [this person posted code](https://stackoverflow.com/a/60059786/8508004) suggesting how to control some versions when using conda and so adapting some of that might help if you are using the Anaconda distribution. — Wayne, Sep 14 '22 at 16:58
Thx a lot @Wayne, I change ipywidget version to 7.7.2 and it worked — Fred Dujardin, Sep 15 '22 at 14:06

score 7 · Accepted Answer · answered Sep 15 '22 at 14:55

7

That error is consistent with one noted here in an issue report recently. The suggestion there is to change to ipywidgets version 7.7.2 or 7.6.5 to fix this issue. Also, see the note here, too.

answered Sep 15 '22 at 14:55

Wayne

6,607
8
36
93

score 3 · Answer 2 · answered Feb 21 '23 at 15:02

3

I had the same issue when my ipywidgets version is 7.6.5 After I updated ipywidgets version to 8.0.4, the problem was solved.

answered Feb 21 '23 at 15:02

Yuxuan Z

71
2

cmg · Answer 3 · 2023-02-27T13:34:28.780

0

I had this problem when executing a notebook on mybinder.com. The environment.yml file contained:

channels:

conda-forge

dependencies:

python=3.8.8
jupyter=1.0.0
jupyterlab=3.0.14
ipywidgets=7.5.1
matplotlib=3.4.1
numpy=1.20.2
scipy=1.6.2
pandas=1.2.4

Running

pip install ipympl==0.9.3

or

conda install ipympl=0.9.3

in Terminal or in Console solved the problem for me.

edited Feb 27 '23 at 13:34

answered Feb 27 '23 at 13:18

cmg

1
1

score 0 · Answer 4 · answered May 05 '23 at 12:55

0

I wanted to comment under Waynes answer but I can't so here it is. I had the same problem with 8.0.6 I downgraded to 8.0.4 and then it worked!

answered May 05 '23 at 12:55

klirfa

46
5

score 0 · Answer 5 · answered Aug 21 '23 at 14:18

0

I ran into a similar error message, enabling the relevant jupyter extension and restarting the kernel solved the problem.

jupyter nbextension enable --py widgetsnbextension

You can find the detailed instructions here

answered Aug 21 '23 at 14:18

Marcelo Lacerda

847
1
15
30

Jupyter Lab issue displaying widgets (javascript error)

5 Answers5

Linked