1. 계기
학교에서 주간하는 하계 인턴 + 장기 인턴을 하면서 회사에서 React와 typescript + styled-components를 이용해서
사이트를 개발하였기에 개인 프로젝트로도 배운 걸 응용해서 혼자만의 프로젝트를 만들어봐야겠다고 생각을 했다.
그래서 우당탕탕 React 공부 드갑니다.
2. 문제점 및 해결 방법
우선적으로 나는 맥북을 이용하는데, React와 typescript, styled-components를 이용하다가 초기 환경설정부터 오류가 터졌다. 그래서 console을 이용해서 오류를 찾아보니 다름 아닌
"Uncaught ReferenceError: process is not defined"
문제가 발생했다. 이게 무슨 오류지... 난 처음부터 잘못 깔아서 생긴 건가... 했는데 찾아보니
"이 오류는 react-error-overlay(react-scripts의 dependency이기 때문에 많은 사람들에게 생소함)의 결과로, 이 패키지의 종속성이 webpack v5를 지원하도록업데이트되었다."
라고 되어있었다. 그래서 그럼 이걸 해결하려면 어떻게 해야 하는 거죠? 하고 보니 그저 터미널에 아래의 사진과 같이 입력해주면 된다고 했다.
 |
 |
왼쪽부터 순서대로 입력했다면 이제 정상적으로 리액트가 실행이 된다!
3. 정리
리액트의 버전 오류로 인해서 발생된 것이니, 이것을 해결해주면 된다!
