[ReactNative] 개발환경 세팅

hojung choi·2021년 8월 31일
1

ReactNative

목록 보기
1/2
post-thumbnail

기업협업 1일차.. ReactNative를 쓰기 위해 개발환경 셋팅을 시작했다.
근데.. 한줄 입력할때마다 오류 발생...^^ 가뜩이나 불안정한 RN인데 심지어 m1오류까지 더해지니..🤦🏻‍♀️

이 블로그를 보고 개발환경을 셋팅했다.
여러 블로그들에 환경세팅법은 많을테니 환경세팅 중 발생한 오류들에 대해 글을 쓰고자한다.

🚫 No similarly named formulae found

Watchman 설치중 만난 오류 문구..

rm -fr $(brew --repo homebrew/core)

brew의 코어 디렉터리를 삭제 후 다시 설치하면 된다!


🚫 Error : unknown command cask

가장 많은 시간을 뺏겼던 오류,,,
JDK를 설치를 하고, version확인을 했지만 계속 cask 오류가 떳다 🥺

arch -arm64 brew install --cask

검색을 해보니까 m1칩 오류였다
arch -arm64로 다시 install해주며 해결


🚫 The following build commands failed

와와 이제 거의 다 했따!!! run해보자!!!!!
응~ 안돼 ~ 🤯

sudo gem install cocoapods --pre
pod update

cocoapods에서 오류가 났던것이다!
대체,,, 오류가 안나는 곳이 없어 😇


🚫 npm ERR! code ELIFECYCLE

이제 되겠지 ? 하고 run을 다시 돌려봤지만 또 다시 오류...

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

npm 캐시와 node_modules, package-lock.json을 제거하고 npm 을 다시 install 해주면 된다.


🚫 duplicated files or mocks. please check the console for more info

와와 된다!!! 신나게 rn을 구경 하던 중...
나도 모르게 이상한 짓을 했다보다... (기억안남 😅)
이상한 에러가 시뮬레이션 창에 뜨는 것이다!

이러한 오류에 대한 원인은 2가지가 있는데

  • package.json 파일의 name 값이 react-native 규칙과 다르다는 것
  • 루트 폴더 내에 package.json 파일이 두 개

나같은 경우는 2번째 경우였다.
무슨 이유에선지.. package.json이 두개가 생긴지는 모르겠다...ㅎ

🔥 TMI

꼬박 하루가 걸렸던 RN설치... 터미널을 너무 무서워 하는 나였는데
이번 계기로 조금은 극복을 한 것 같다 💪🏻
내일부터는 다시 TS 공부와 RN 공부 시작!!

profile
🧚🏻‍♀️ Front-End Developer

0개의 댓글