10000COW

이 에러를 포스팅 하는 이유 React를 사용하는 경우 초심자가 자주 마주치는 에러 중 하나로, CSS 파일이나 Package.json 파일에 새로고침을 해주면 순간적으로 없어지긴 하지만, 매번 yarn start를 할 때마다 발생하다보니, 해결하지 않으면 매우 귀찮은 에러이기 때문에 해결하는 방법을 기록해보려고 한다. 이 에러의 원인은? 해당 에러는 babel-eslint가 deprecated 되었기 때문에 사용할 수 없어 발생하는 문제이다. 그래서 이 에러를 해결하려면 babel-eslint를 @babel/eslint-parser로 변경해주면 된다. 이 에러의 해결 방법은? 1. VSCode 또는 사용하는 IDE로 에러가 발생하는 리엑트 파일을 엽니다. 2. node_modules 디렉토리(폴더) 안..

1번부터 하나씩 시도해보면서 그래도 안된다면 다음 번호로 넘어가면 됩니다. 1. 해당 S3 버킷 > 속성 > 정적 웹 사이트 호스팅 > 인덱스 문서와 오류 문서를 index.html로 설정 2. 해당 S3 버킷에 설정된 ColudFront > 오류 페이지 > 403, 404 다음과 같이 설정 (CloudFront 배포가 안되어있다면 에러가 나는 상황이더라도 CloundFront에 배포를 한 후에 설정하세요!) 3. 리액트 디렉토리 폴더 안의 .env 파일 삭제 (여기 안에 있는 public URL 때문에 오류 발생 가능) S3 배포, CloudFront 배포는 다음 포스팅을 참고하시면 좋습니다. https://42place.innovationacademy.kr/archives/9784 AWS S3, Cl..