Electron과 React를 같이 사용해 보자 - react router

 

Electron과 React를 연동해서 만든 프로젝트에서 

React Router를 사용할 때 createHashRouter를 사용해야 한다.

 

createBrowserRouter를 사용하면 빌드한 결과물을 실행하면

404 not found 에러가 발생한다.

 

 

https://reactrouter.com/en/main/routers/create-hash-router

 

 

 

공식 문서에 의하면 웹서버 없이 사용할 때 crateHashRouter를 사용하라면서

그 밑에 보면 이건 추천하지 않으니, 기능이 유사한 createBrowserRouter를 사용하란다.

 

WHAT???

 

어쨌든, 에러가 발생하니 createHashRouter를 사용하자.

참고로 이글을 쓰는 2024년 7월 5일, React Router 버전은 6.24.1이다.

 

 

 

개발 단계에서는 로컬 웹서버에서 실행되는 react를 electron에서 보여주므로

createBrowserRouter를 사용해도 에러가 안 생기는데

 

빌드한 결과물을 실행하면 electron에서 로컬 디스크에 있는 react 코드를 보여주므로

문제가 생기는게 아닌가 싶다.

 

더 깊은 내용은 pass~