구름IDE NodeJS에서 Electron 프레임워크 사용할 수 있는 방법 없을까요?


  • Level 2

    https://github.com/electron/electron-quick-start
    이거 클론해서 위 git에 있는 설명대로
    npm install
    npm start
    해서 실행하면

    /workspace/test/node_modules/electron/dist/electron: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory

    위와같은 오류가 나와서, 대충 검색해보니 구름IDE 가 X-windows를 지원안해서 그렇다고 하더라고요..
    보통 구름에서 QT프로젝트나 윈폼 프로젝트는 VNC 이용하길래 그냥 프로젝트 -> 실행해서 main.js 실행해봤는데, 마찬가지로
    /workspace/test/main.js:25
    app.whenReady().then(() => {

    TypeError: Cannot read property 'whenReady' of undefined
    at Object.<anonymous> (/workspace/WQSGedit/main.js:25:5)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

    이런 오류가 나면서 실행이 안되네요..
    레플같은곳에서도 실행이 안되던데 혹시 도움 주실분 계실까요? ㅠㅠ

  • Level 15

    @미루나무

    안녕하세요. 아래 안내에 따라 세팅해보시기 바랍니다.

    1. PyQt 컨테이너를 생성합니다 (NodeJS 컨테이너의 경우 base image에 vnc 관련 환경이 세팅되어 있지 않기 때문으로 양해 바랍니다)
    2. 다음 명령을 실행하여 NodeJS 설치를 진행합니다.
    apt-get update && (curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -) && apt-get install -y nodejs
    
    1. clone 받은 repo에서 npm install을 수행하여 디펜던시 설치를 해줍니다.
    2. 우측 상단 [프로젝트 실행 버튼] - [실행 명령 추가] 버튼을 클릭
    3. [스크립트] 인풋 박스에서 echo '${python.set.compiler} ${python.set.main.path}' 부분을 npm start 명령을 사용하는 것으로 수정해줍니다. 예를 들어 echo 'cd /workspace/test && npm start' 와 같이 수정해줍니다.
    4. [저장 후 실행]을 클릭하여 실행합니다. vnc 서버가 완전히 뜰 때까지 잠시 기다렸다가 프로젝트URL로 접속하시면 실행 결과를 확인하실 수 있습니다.

    alt text

  • Level 2

    하지만 글에도 쓰여있다시피 Python QT 프로젝트나 C# Winform의 경우에는, GUI 레이아웃임에도 불구하고 구름IDE에서 VNC를 이용해서 개발이 가능하게끔 환경을 설정해놓으셨던데,
    일렉트론의 경우에는 불가능한건가요 ㅠㅠ

  • Level 12

    안녕하세요 미루나무님.

    현재 goormIDE는 GUI 환경을 제공하고 있지 않기 때문에 electron을 실행시킬 수 있는 방법이 없습니다.