JupyterLab javascript error - Interactive Widget 실행 에러

 

 

1. JupyterLab Interative Widget 실행 에러 경우

 

JupyterLab에서 ML 모듈을 실행 시킬 때, Interactive Widget을 사용하는 경우가 있다. 

본인이 사용하는 경우도 있고, Hugging Face 등에서 제공하는 라이브러리를 사용하면 내부적으로 사용하는 경우도 있다. 

 

Google Colab, 혹은 다른 Jupyter Lab 을 SaaS로 제공하는 경우는 버전 매핑을 잘 해두었겠지만, Local에서 설정하는 경우 간혹 버전이 맞지 않는 경우가 존재한다. 다음 사례는 Interactive Widget을 사용하는 경우 javascript가 구동되지 않는 사례이다. 

 

 

위와 같인, JupyterLab에서 Web Page 처럼 Interactive한 Component 사용하는 Extention이 실행되지 않는 경우이다. 위에서는 javascript의 Columns, Rows를 구성하는 HBoxModel이 제대로 Display되지 않는 경우 이다. 구글 검색을 통해 찾아 보면,  다음과 같은 해법을 제시하고 있다.

[ 구글링 결과 제시된 해법]

• ipywidgets 다운 그레이드 : ipywidgets==7.5.1
• ipympl 다운그레이드 : ipympl==0.9.3
• jupyterlab extention enable : `jupyter nbextension enable --py widgetsnbextension`

필자의 경우 위 설정들을 모두 해 보았는데 해결 되지 않았다. 

 

 

2. 해결 방법 - JupyterLab 다운그레이드

 

필자의 해법은 다음과 같다. 

 

JupyterLab에서 js가 실행되지 않는다. (좌), js extention이 실행되는 버전 (우)

 

Macbook의 경우, Jupyter Lab을 Application으로 실행하지 말고, 터미널에서 `python -m jupyterlab`으로 실행해 보자. 이렇게 실행하면 jupyter lab이 Desktop App가 아니라 Browser에서 실행된다. 원칙적으로 이러한 실행은 동일해야 하나, 상기 문제가 발생할 경우, js 실행은 browser 실행이 좀더 직접적인 방법일 수 있다.