[Electron] 클라이언트 닫기가 안될 때

개요

Vue3(vue-cli-service) + Electron 개발 도중 이슈 사항에 대한 원인 분석 및 해결 과정을 기술한다.

 

이슈 발생 내역

Electron 클라이언트의 windows frame 닫기 버튼(X) 클릭을 하였음에도 이벤트가 일어나지 않음

 

1. 개발자 모드가 켜져있는지 확인한다.

개발자 모드가 켜진 클라이언트의 경우 닫기 버튼 이벤트 처리가 안될 수 있다.

윈도우는 Ctrl + Shift + I를, 맥은 Alt + Cmd + I 단축키를 눌러 개발자 모드를 비활성화 시킨 후 클라이언트가 원활하게 닫히는지 확인한다.

 

2. background.js에 있는 닫기 이벤트 처리가 올바른지 확인한다.

frame에서 닫기 버튼시 실행되는 이벤트 구현문을 확인한다.

async function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    ...
		// 디폴트 windows frame 활성화 여부를 확인한다
    frame: false,
		...
  })

	... 중략 ...

	// window close event
  win.on('closed', (e) => {
    // closed란 인자값이 제대로 들어와서 이벤트 처리가 되는지 log 확인을 한다
		... windows 닫기 이벤트 처리 ...
  })

	... 후략 ...
}