wsl - eletron troubleshooting

wsl에서 eletron 실행 시 에러가 생겼다.

error: while loading shared libraries: libgtk-3.so.0: cannot open shared object file: No such file or directory

해결방법 :

https://www.lesstif.com/lpt/linux-error-while-loading-shared-libraries-95880436.html
공유 라이브러리가 설치되지 않았거나, 환경변수에 없어서라고 하지만 해결이 여전히 되지 않았고, 에러 로그에 떠오르는 라이브러리를 하나하나 설치하기로 했다.

libgtk-3.so.0, libgbm, libxshmfence1, libglu1, libnss3.so

다른 문제에 봉착했다.
agt-get이나 apt이 업데이트가 제대로 되지 않아 라이브러리 설치가 안되기 시작했다.

해결방법 :
https://askubuntu.com/questions/1096930/sudo-apt-update-error-release-file-is-not-yet-valid

해당 글을 참조해 wsl을 윈도우에서 이용중이라면 wsl —shutdown 명령어를 통해 window와 timesync를 맞추라는 정보가 있었다.

그대로 하니 잘 업데이트 되었다.
하지만, 모든 공유 라이브러리를 설치하고 나서도 electron 컴파일이 되지 않았다.
결국 wsl를 새로운 배포판(Ubuntu 24)로 설치하고, 공유라이브러리 몇개를 설치하고 나서야 제대로 돌아가기 시작했다.
ChromeOS도 그렇고 제멋대로 관련 설정이 빠져 있는 것들이 너무 많다.

현재 electron와 webpack을 사용하여 웹을 앱으로 배포하는 중이다.
최근에 webpack에 대해서 definePlugin과 NormalModuleReplacementPlugin에 대해서 배울 수 있었다. DefinePlugin은 빌드 타임에 환경변수를 주입할 수 있는 플러그인이고, NormalModuleReplacementPlugin은 빌드 타임에 특정 조건에 의해서 어떤 파일을 다른 파일로 대체할 수 있는 플러그인이었다.