취미/프로그래밍

WSL에 Electron 설치할 때 팁!

D.Dic. 2020. 1. 3. 12:00

WSL에서 Electron을 설치하려고 하면 chrome-sandbox와 관련한 권한 에러가 계속 뜹니다.

어찌어찌 고쳐보려고 해도 각종 문제가 교차되서 일어나는 지라 해결방법이 없는 줄 알았는데.

의외로 쉬운 해결방법이 있습니다.

바로 설치는 cmd에서 하고 실행만 WSL로 하면 된다는 말씀!

예제로 electron-quick-start를 설치해보겠습니다.

WSL에서

먼저 WSL을 켜서 프로젝트 폴더로 이동해 다음과 같이 입력합니다.

git clone https://github.com/electron/electron-quick-start 

이렇게 electron-quick-start를 클론하고 나서 WSL을 끄고 cmd를 켭니다.

CMD에서

cmd에서 프로젝트 폴더 내의 electron-quick-start 폴더로 이동합니다.

그리고 아래와 같이 입력합시다.

npm install

이렇게 하고 나면 windows에 맞는 electron이 설치됩니다.

cmd를 끄고 다시 WSL로 돌아옵시다.

WSL에서

npm start

이렇게 입력하면 짜잔! 다음과 같은 창이 뜰겁니다.

이런 쉬운 팁이 있었다니... 진작에 알았다면 ㅜㅜ

 

이상 Adieu~