react 배포 관련 에러

이슈 1. React-router-dom으로 설정된 경로에서 새로 고침시 404

원인

• 웹서버(nginx)에서 루트 경로가 아닌 하위 경로와 리액트 앱을 연결하지 못해서 발생

조치

• nginx 설정 수정

# nginx.conf 파일
location / {
  ...
  try_files $uri.html $uri $uri/ /index.html;
  ...
}

이슈 2. Uncaught SyntaxError: Unexpected token '<' (흰 화면 이슈)

조치

• package.json에 "homepage": "." 을 추가
• public/index.html의 head에 <base href="/"> 를 추가

참고

• https://tecadmin.net/solving-react-404-error/
• https://yoon-dumbo.tistory.com/entry/Error-%EC%A0%95%EB%A6%AC-React-Uncaught-SyntaxError-Unexpected-token
• https://stackoverflow.com/questions/67554286/uncaught-syntaxerror-unexpected-token-react