0.
Electron 프레임워크를 사용하여 개발 하던 중에 기능 수정이 필요하여, 수정을 하다보니 갑자기 다음과 같은 에러가 발생했다.
터미널에 출력 되는 수준으로는 에러를 찾기가 상당히 어려웠고, 전에도 발생했던 기억이 있기에 기록한다.
에러 내역만 봐서는 갑자기 멀쩡했던 'fs' 모듈을 찾을 수 없다고 나오고 polyfill을 확인하라고 한다.
1.
결론만 얘기하면,
Electron을 사용하여 개발 하면 보통 다음과 같은 구조를 가진다.
L src
L main // electron - window 등
L renderer // view (react , view , ..etc)이렇게 main 과 renderer 구조 (이름은 다를 수 있음) 를 가질텐데, renderer에서 main 폴더 안 쪽에 작성된 코드를 import 하여 사용하면 다음과 같은 문제가 발생한다.
해결
L src
L main
L renderer
L util (common ... etc )src 하위에 main 과 renderer 둘 공통에서 사용하는 폴더를 만들어두고 해당 위치에 위에서 에러를 발생시킨 함수를 이동해주면 된다.
개인적인 생각으로는 구조 상 util 안에 있던, main안에 있던 위치는 동일한데, 에러가 발생하는 것으로 보아 electron 설정에서 main 폴더 안쪽 파일을 사용할 경우 electron 쪽 모듈을 사용하게 되는 게 아닌가 추측한다.
정확한 오류 원인에 대해 알고 계신다면 댓글로 알려주시면 감사하겠습니다!
결론
개발 중에 해당 오류가 발생했다면, Main 과 Renderer 즉 electron 과 View 단에서 사용되는 함수 중에 import 가 잘못 되었는지 확인해보자
(참고) 내 경우는, 프로젝트에서 사용하는 공용 타입의 타입가드 함수를 main 안쪽에 두고 renderer에서 가드를 사용하려다가 발생했다.
