19/11/17 리액트 개발환경 셋팅 | React Cli 설치 오류 해결방법

일주일동안 날 힘들게했던!!
알고보면 일주일이나 걸릴 일이 아니었는데...

1. 오류화면

: 리액트의 설치 중 패키지로 한 번에 설치해줘서 유용한 create-react-app 을 사용하여 설치함.

순서1) sudo yarn install create react-app (이름)
순서2) cd (이름)
순서3) yarn start [자꾸 이 부분이 실행이 안되고, 밑에와 같은 오류가 발생했었음

-밑에서 하란대로 package-lock.js 도 삭제해보고, npm으로 실행하던거 yarn으로도 해보고, webpack-dev-server도 버전에 맞게 다시 설치해보고 했는데 실행이 안됨

-문제를 무시하기위해서 SKIP_PREFLIGHT_CHECK=true 코드를 .env파일 내에 넣어보는 방법도 시도 해결되지 않음 → 이게 문제 해결의 key였는데 나는 이 파일(.env)을 src 디렉토리 내에 만들었었는데,

CRA(create-react-app)
ㄴsrc
ㄴ.env
ㄴpackage.json

이 구조가 되게끔 해야하는 것이었음!!

CRA 설치중 오류 화면

.env 파일을 추가한 디렉토리 구조

2. 설치환경 다 만들고 yarn start를 했을 때 정상적인 화면이 뜨는 모습!!!

성공!!!! ٩( ᐛ )و

* 사실 뭐 오류를 해결했다기보다는 무시한거지만, 해결하려는 과정을 여러 번 시도했고 일단 뭐 잘 실행되니까! 오예@!