Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Widgets not appearing when using nbsphinx or myst-nb #409

Open
theottm opened this issue Jun 28, 2024 · 1 comment
Open

Widgets not appearing when using nbsphinx or myst-nb #409

theottm opened this issue Jun 28, 2024 · 1 comment

Comments

@theottm
Copy link

theottm commented Jun 28, 2024 •
edited
Loading

The widgets appear and work fine when I use pythreejs in notebooks.

When I save the notebook along with its state and build html docs using nbsphinx, the widgets do not appear when opening the html in a browser.
The widgets state data is present in the ipynb file and in the html file though.

As a minimal example, I tried it on this repo. On tag 4.2.1, I built the html docs, opened a html file in a browser and the widget appear and work. So the it seems the issue doesn't come from nbsphinx.
As soon as I open one of the notebooks in examples and execute it myself, save output and state, followed by building the docs again, the widgets do not appear.

Also when I run a notebook with another widget say ipywidgets.IntSlider, it works. So the problem doesn't seem to come from widgets in general.

I'm using pythreejs version 2.4.2 with

jupyter --version
Selected Jupyter core packages...
IPython          : 8.18.1
ipykernel        : 6.29.4
ipywidgets       : 8.1.3
jupyter_client   : 7.4.9
jupyter_core     : 5.7.2
jupyter_server   : 2.14.1
jupyterlab       : 4.2.3
nbclient         : 0.10.0
nbconvert        : 7.16.4
nbformat         : 5.10.4
notebook         : 6.5.7
qtconsole        : not installed
traitlets        : 5.14.3

Any idea why my threejs widgets can't be converted properly by nbsphinx ?
@theottm theottm changed the title Widgets not appearing when using nbsphinx Widgets not appearing when using nbsphinx or myst-nb Jun 29, 2024
@theottm
Copy link
Author

theottm commented Jun 29, 2024

I also tried using myst-nb with no better results. Although this time I get error messages in the browser console:

Error serializing widget state attribute:  camera 4 embed-amd.js:2:397138
DOMException: Promise object could not be cloned.
    serialize https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    o https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    c https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolveCallback https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolve https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _promiseFulfilled https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfillPromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    l https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    s https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*i https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _queueTick https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    invoke https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
DOMException: Promise object could not be cloned.
    serialize https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    o https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    c https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolveCallback https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolve https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _promiseFulfilled https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfillPromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    l https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    s https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*i https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _queueTick https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    invoke https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
DOMException: Promise object could not be cloned.
    serialize https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    o https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    c https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolveCallback https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolve https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _promiseFulfilled https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfillPromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    l https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    s https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*i https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _queueTick https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    invoke https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
DOMException: Promise object could not be cloned.
    serialize https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    o https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    c https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolveCallback https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromiseFromHandler https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise0 https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfill https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _resolve https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _promiseFulfilled https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromise https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _fulfillPromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _settlePromises https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    l https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    s https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    drainQueues https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*i https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _queueTick https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    invoke https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    then https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
TypeError: e.initPromise is undefined
    e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    (Async: promise callback)
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    (Async: promise callback)
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    (Async: setTimeout handler)
    nextTick https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
TypeError: e.initPromise is undefined
    e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
TypeError: e.initPromise is undefined
    e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
TypeError: e.initPromise is undefined
    e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    promise callback*e https://cdn.jsdelivr.net/npm/jupyter-threejs@^2.1.0/dist/index.js:2
    _deserialize_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2
    _make_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    new_model https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    promise callback*set_state https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    promise callback*I https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    execCb https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    check https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    enable https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    init https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    setTimeout handler*req.nextTick< https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    o https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    requirejs https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
    <anonymous> https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29
embed-amd.js:16:325988
Unhandled rejection serialize@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2:397067
5938/createModel/o<@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:841610
c@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:78248
6624/n/<[22]</t.exports/O.prototype._settlePromiseFromHandler@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:51172
6624/n/<[22]</t.exports/O.prototype._settlePromise@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:51972
6624/n/<[22]</t.exports/O.prototype._settlePromise0@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:52671
6624/n/<[22]</t.exports/O.prototype._settlePromises@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:54023
6624/n/<[22]</t.exports/O.prototype._fulfill@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:53041
6624/n/<[22]</t.exports/O.prototype._resolveCallback@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:49916
6624/n/<[22]</t.exports/O.prototype._settlePromiseFromHandler@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:51326
6624/n/<[22]</t.exports/O.prototype._settlePromise@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:51972
6624/n/<[22]</t.exports/O.prototype._settlePromise0@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:52671
6624/n/<[22]</t.exports/O.prototype._settlePromises@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:54023
6624/n/<[22]</t.exports/O.prototype._fulfill@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:53041
6624/n/<[23]</t.exports/s.prototype._resolve@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:57638
6624/n/<[23]</t.exports/s.prototype._promiseFulfilled@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:57979
6624/n/<[22]</t.exports/O.prototype._settlePromise@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:52073
6624/n/<[22]</t.exports/O.prototype._fulfillPromises@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:53546
6624/n/<[22]</t.exports/O.prototype._settlePromises@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:54075
l@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:5296
s@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:5236
6624/n/<[2]</a.prototype._drainQueues@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:6362
6624/n/<[2]</a/this.drainQueues@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:5169
promise callback*i@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:67189
6624/n/<[2]</a.prototype._queueTick@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:6521
6624/n/<[2]</a.prototype.invoke@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:6223
6624/n/<[22]</t.exports/O.prototype._then@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:47039
6624/n/<[22]</t.exports/O.prototype.then@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:44927
promise callback*e@https://cdn.jsdelivr.net/npm/jupyter-threejs@%5E2.1.0/dist/index.js:2:839698
_deserialize_state@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:2:398108
_make_model@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16:325888
async*new_model@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16:323061
set_state/</<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16:327587
set_state/<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16:327001
promise callback*set_state@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:16:326965
I/</</<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26:40873
I/</<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26:41478
I/</<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26:40751
I/<@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26:41511
promise callback*I@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:26:40576
@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29:135
execCb@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:12861
check@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:6615
enable@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:9363
init@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:5721
newContext/makeRequire/o/<@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:11235
setTimeout handler*req.nextTick<@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:14846
o@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:11174
requirejs@https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js:1:14737
@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29:27
@https://cdn.jsdelivr.net/npm/@jupyter-widgets/[email protected]/dist/embed-amd.js:29:219
4 index.js:2:25033

Btw I tried using pythreejs 2.1.0 as well as 2.4.1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@theottm