React + Electron 배포 시 빈 화면 출력, HashRouter 설정, Router설정

React를 사용하여 Electron을 배포할 때 빈화면이 나와 당황했다...

제일 첫번째로 배포 문제인줄알고 찾아봤는데...

 

Electron 은 배포를하면 경로가 변경되어 기존 경로랑 다르게 적용된다는걸 알았다.

import {Routes, Route, HashRouter} from "react-router-dom";
import import파일 from "./pages/import파일/import파일";
import import파일 from "./pages/import파일/import파일";

function App() {
    return (
        <HashRouter>
            <div className="App">
                <Routes>
                    <Route path={'/'} element={<import파일></import파일>}/>
                    <Route path={'/admin'} element={<import파일></import파일>}/>
                </Routes>
            </div>
        </HashRouter>
    );
}

export default App;

HashRouter를 사용하여 경로 앞부분에 #을 붙여서 해결하였다.

직접적으로 경로를 적어줄때도 index.html/#/admin 이렇게 적어주면 되는거 같다.