Interactivity nor working on Jupyterlab/Notebook

[Lu-Dumoulin]

Hello,
Here is an example:

I use Jupyterlab but from an other computer using the ServerApp. I don't know if there is a conflict between the JSServe and the ServerApp of Jupyterlab.

It is working well on a standalone window, web page or vscode if I use it directly in localhost.

jupyter lab --version
3.4.4
jupyter server --version
1.18.1

Thank you for your help.

[Benoit9]

Same here, and I can't seem to find a fix anywhere. I verified that several examples work in VSCode, but not in Jupyter.

Rendering is fine, just not interactivity. If update an Observable and display the app again, the change is there. But the content of the previous cell displaying the same app is not updated.

I did add jupyter-server-proxy

I should add that interactivity works on localhost, just not with the server on a remote machine. I do not see any error message at the Jupyter console.

In the browser console, though I see several errors:

Uncaught ReferenceError: Bonito is not defined: Bonito.lock_loading(() => Bonito.init_session('b99e70e3-1df5-4819-ae74-25142bc2dd6b', null, 'root'))

Uncaught (in promise) TypeError: e is undefined

Firefox can’t establish a connection to the server at ws://127.0.0.1:8888/proxy/9384/b99e70e3-1df5-4819-ae74-25142bc2dd6b. 
error { target: WebSocket, isTrusted: true, srcElement: WebSocket, currentTarget: WebSocket, eventPhase: 2, bubbles: false, cancelable: false, returnValue: true, defaultPrevented: false, composed: false, … }
​
bubbles: false
​
cancelBubble: false
​
cancelable: false
​
composed: false
​
currentTarget: null
​
defaultPrevented: false
​
eventPhase: 0
​
explicitOriginalTarget: WebSocket { url: "ws://127.0.0.1:8888/proxy/9384/b99e70e3-1df5-4819-ae74-25142bc2dd6b", readyState: 3, bufferedAmount: 0, … }
​
isTrusted: true
​
originalTarget: WebSocket { url: "ws://127.0.0.1:8888/proxy/9384/b99e70e3-1df5-4819-ae74-25142bc2dd6b", readyState: 3, bufferedAmount: 0, … }
​
returnValue: true
​
srcElement: WebSocket { url: "ws://127.0.0.1:8888/proxy/9384/b99e70e3-1df5-4819-ae74-25142bc2dd6b", readyState: 3, bufferedAmount: 0, … }
​
target: WebSocket { url: "ws://127.0.0.1:8888/proxy/9384/b99e70e3-1df5-4819-ae74-25142bc2dd6b", readyState: 3, bufferedAmount: 0, … }
​
timeStamp: 3213
​
type: "error"
​
<get isTrusted()>: function isTrusted()
​
<prototype>: EventPrototype { composedPath: composedPath(), stopPropagation: stopPropagation(), stopImmediatePropagation: stopImmediatePropagation(), … }