[Electron] electron 5.0 이상부터 require is not defined 에러가 발생하는 이유

#오류내용

새 electron 프로젝트를 생성한 후, front-end 단 (.hmlt 파일) 안의 script 코드에서 require()을 사용하면 require is not defined 오류가 발생한다.

 

#이유

electron 5.0 이상부터 new BrowserWindow 객체를 생성할 때, nodeIntegeration의 기본값이 false로 세팅되어 있기 때문이다.

 

#해결법

아래 5번째 줄 코드와 같이 webPrefereces 안의 nodeIntegration 설정값을 true로 바꿔준다.

addWindow = new BrowserWindow({
        width: 300,
        height: 200,
        title: 'Add Shopping List Item',
        webPreferences: { nodeIntegration: true } // true로 설정
});

아래 화면과 같이 require is not defined 에러가 사라진 것을 볼 수 있다.

 

 

#참고링크

- https://porinn.tistory.com/56

electron 5.0.0에서 require is not defined 에러가 발생하는 경우

- https://stackoverflow.com/questions/55093700/electron-5-0-0-uncaught-referenceerror-require-is-not-defined

electron 5.0.0 "Uncaught ReferenceError: require is not defined"