[Electron] electron 최신 버전으로 업그레이드

2019. 5. 4. 11:16· WEB/Electron
반응형

[Electron] electron 버전 업그레이드


2018년에 설치 했을 때 버전이 1.X 버전이었는데, 

어느새 5.0.0 버전이 나왔다.

 

electron 4.X 버전 부터인가 node 10버전 이상 이용하기 때문에 ES6를 babel을 사용하지 않고도 대부분의 명령어를 사용할 수 있다고 한다.

 

* 여기서 릴리즈 버전을 확인할 수 있다.

 

electron 최신 버전으로 업그레이드 명령어는 다음과 같다.

설치하는데 시간이 좀 걸린다.

$ npm install electron@latest -g
C:\WINDOWS\system32>npm install electron@latest -g
C:\Users\itinerant\AppData\Roaming\npm\electron -> C:\Users\itinerant\AppData\Roaming\npm\node_modules\electron\cli.js

> electron@5.0.0 postinstall C:\Users\itinerant\AppData\Roaming\npm\node_modules\electron
> node install.js

Downloading tmp-66320-1-SHASUMS256.txt-5.0.0
[============================================>] 100.0% of 4.74 kB (4.74 kB/s)
+ electron@5.0.0
added 145 packages from 141 contributors in 37.426s

 


 

electron 업그레이드 후 require is not defined 오류가 발생할 수 있다. 

 

예를 들어, jQuery ($) 사용을 위해 require 를 사용한 경우 이전 버전에서는 문제없이 작동했으나,

업그레이드 후 아래와 같이 require가 선언되어 있지 않다는 오류가 발생했다.

require 오류

 

Main(서버)에서 BrowserWindow를 생성할 때 옵션들 중 webPreferences에 nodeIntegration을 true 로 해서 추가해 주면 된다.

nodeIntegration 옵션은 node를 통합할 지 여부를 선택하는 옵션이며, 기본 값은 false이다.

true 로 변경해줌으로써 클라이언트 웹 페이지에서 node 를 사용할 수 있게 한다.

옵션에 대한 자세한 설명은 여기서 확인이 가능하다.

new BrowserWindow({
	...
    webPreferences: {
    	nodeIntegration : true
    },
	...
})

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB > Electron' 카테고리의 다른 글

[Electron] VSCode에서 디버깅하는 방법  (0) 2019.05.23
[Electron] window.require is not a function 에러  (0) 2019.05.08
[Electron] 빌드(build) 하기 ( electron-builder )  (0) 2019.04.29
[Electron] build 시 unresolved modules 오류 해결 방법  (0) 2019.04.26
[Electron] img 태그 src="file://~" 경로에 존재하는 파일이 로드되지 않는 경우 해결 방법  (0) 2019.04.24
'WEB/Electron' 카테고리의 다른 글
  • [Electron] VSCode에서 디버깅하는 방법
  • [Electron] window.require is not a function 에러
  • [Electron] 빌드(build) 하기 ( electron-builder )
  • [Electron] build 시 unresolved modules 오류 해결 방법
S0PH1A
S0PH1A
반응형
S0PH1A
Web Programmer
S0PH1A
전체
오늘
어제
  • 전체
    • About Me
    • Python
      • Python
      • Django
    • DataBase
      • MySQL
      • MongoDB
    • JAVA
      • JAVA
      • Spring
    • WEB
      • JavaScript
      • HTML
      • CSS
      • Vue.js
      • React
      • Nest.js
      • Node.js
      • Electron
      • PHP
    • Linux
    • Algorithm
    • 기타
    • 생각
    • App
      • ReactNative

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • mysql
  • vue.js
  • install
  • nodejs
  • javascript
  • electron
  • Error
  • Python
  • django
  • vue

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
S0PH1A
[Electron] electron 최신 버전으로 업그레이드
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.