ReactJS : create-react-app npm start 아무것도 출력안되는 경우

문제 상황

 

npm start으로 웹 서버를 실행시켰는데 웹 브라우저에 아무것도 출력되지 않는 상황

 

시상에...

문제 원인

 

서버를 실행시켰을때 기본주소는 localhost:3000/korea_crime_graph 였지만 내 코드의 BrowserRouter는 디폴트인 localhost:3000를 가리키고 있었다.

 

 

 

 

해결책

 

BrowserRouter의 속성중 basename 속성을 이용한다. 

 

출처 : https://v5.reactrouter.com/web/api/BrowserRouter

 

모든 경로에 대한 base URL을 basename 속성을 통해 설정해줄 수 있다. 그러니 basename="/korea_crime_graph"를 BrowserRouter 속성으로 추가하여 문제를 해결하였다.