Electron 에서 react사용 및 패키징하는법

본문 바로가기

Electron 에서 react사용 및 패키징하는법

작성일 2024.02.21댓글 1건
    게시물 수정 , 삭제는 로그인 필요

이번에 electron을 개발하면서 react 라이브러리를 사용하여 페이지를 구현하려고 했는데, 설치 후 hot deploy까지는 가능하지만 electron builder나 electron packager를 사용하여 패키징하면 실행시 흰 화면만 뜨며 페이지가 불러와지지 않습니다. 해결방법을 아시는 분 답변 부탁드립니다.(vs code 사용하고 있고 터미널 상에서 npm start 했을 때는 잘 실행됩니다)



profile_image 익명 작성일 -

안녕하세요!

불금 좋은 하루 보내셨으면 좋겠네요

​

1. `electron-builder`나 `electron-packager` 설정 확인: `package.json` 파일에 있는 빌드 설정을 확인하고, 필요한 파일들이 올바르게 포함되어 있는지 확인해보세요.

​

2. 경로 문제 해결: React 앱에서 사용하는 파일들의 경로가 빌드된 Electron 앱에서 올바르게 링크되어 있는지 확인해야 합니당 상대 경로나 절대 경로를 사용하여 파일을 불러오는 부분을 확인해보세요.

​

3. Webpack 설정 확인: React 앱을 빌드할 때 Webpack 설정이 올바르게 되어 있는지 확인해야 합니당 필요한 모듈이나 리소스들이 올바르게 번들링되고 있는지 확인해보세요.

​

4. 개발자 도구를 이용하여 오류 확인: Electron의 개발자 도구를 열어서 콘솔을 확인하여 어떤 오류가 발생하는지 확인해보세요.

연관된 질문 답변 리스트

반도체 제조에 쓰이는 장치,장비.

... 기타장비- 패키징 장비 (몰딩, 트리밍, 포밍장비)... 노광원으로 사용된다" Hole 정공 + 전하를 띠고 Electron과 같이 전하를 이동하는 입자 I Line i선 "수은...

복합재료에 대한 질문~내공팍팍

... 촉매를 사용하는데, 철(Fe), 니켈(Ni), 코발트(Co)... Transmission electron micrograph of the silicon carbide whisker... 패키징에서 엘라스토머 복합 재료 및 전도성...