react netfliy 배포를 마치며 ( 수많은 오류 : netlify build command failed react, 404 page not found )

수많은 failed의 향연..하지만 배포와 공유까지 무사히 마쳤지!

처음에 내가 직면한 오류코드

netlify build command failed react

이것때문에 netlify deploy settings - build settings - edit settings에서

base directory랑 publish directory를 각각 build, 디렉토리폴더/build

Publish directory를 CI=npm run build로 바꾸고 난리도 아니였다. 과도한 구글링의 부작용!

package.json에서 build를 삭제까지 해봤었다.

사실은 다 필요없고 내가 코드오류를 발견하지 못해서 해멘거였다. 저렇게 할 필요도 없었던 것인데ㅠㅠ

(base , publish directory 건드리지 않아도 됐었다)

 

어찌저찌 배포에는 완료했는데 page not found 404 에러가 떠서 visual code에 있는 

public 폴더 안에

_redirects

를 추가하고 안의 내용으로

/* /index.html 200

요거 입력하시면 됩니다!

이유로는 리액트가 하나의 index.html만 렌더링하게 되는데, 브라우저가 이 페이지를 받아서 렌더링 하게 된다.

이걸 React Router를 사용해도 약간 복잡해지는건 어쩔 수가 없는 현상이다.

서버는 요청이 들어왔을때 index.html을 보내주기 때문에 우리가 도메인을 들이밀어도 잘 모르니까 page not found를

내놓는것이다.... 그래서 netlify에서 _redirects 파일로 정의해준다. 주의할점은 public 폴더 안에 넣어야한다.

하위 폴더에 넣으면 인식못합니다.