[React Native] 개발환경 설정할 때 자주 생기는 에러

 

개발환경 설정하는 것은 그렇게 원활하고 쉽지는 않은 일이다. 설치해야하는 것들도 많고 거쳐야하는 과정들이 많기 때문이다.
아래는 개발환경 구성하며 내가 겪었었던 에러들과 그 해결과정을 정리한 것이다. 

 

1. cocoapods 설치할 때 ruby 버전 때문에 생기는 오류

cocoapods 설치하려고 했더니 자꾸 에러가 뜨면서 설치가 완료되지 않았다.

sudo gem install cocoapods
# 이걸 실행하려고만 하면 에러터짐

ERROR:  Error installing cocoapods:
	The last version of activesupport (>= 5.0, < 8) to support your Ruby & RubyGems was 6.1.7.4. Try installing it with `gem install activesupport -v 6.1.7.4` and then running the current command again
	activesupport requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210.

위와 같은 에러가 자꾸 생겨서 cocoapods이 설치가 안됐었는데 이유를 찾아보니 이 전에 내 mac에 이미 설치된 적이 있는 ruby의 버전이 너무 낮아서 생긴 문제였다. 

그래서 node에서 nvm이 있듯이 ruby 버전을 관리하는 툴인 rbenv를 설치했다. 

brew install rbenv

# 전역 설정
rbenv global 버전
# 지역 설정
rbenv local 버전

 

이렇게 rbenv를 설치하고 rbenv의 환경변수를 등록해야한다. 

# 이거를 꼭 vi ~/.zshrc 이렇게 .zshrc파일 열어서 path를 추가해주어야한다.
[[ -d ~/.rbenv  ]] && \
  export PATH=${HOME}/.rbenv/bin:${PATH} && \
  eval "$(rbenv init -)"
  
 # 변경한 프로필 설정 적용
 source ~/.zshrc

 

 

2. yarn run android 실행 했을 때, 아래의 에러로그가 뜨면서 실행 안될때

* What went wrong:
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: No connected devices!

 

안드로이드 스튜디오 버추얼 디바이스가 실행되지 않아서 생긴 문제. 안드로이드 스튜디오에서 Tools > AVD Manager 메뉴로 들어가면 Andriod Virtual Device Manager 창이 열리고 여기서 디바이스를 더블클릭하여 버츄어 디바이스 실행 후 명령어를 실행하면 정상 작동된다. XCode로 실행될줄 알았는데 안드로이드는 AVD에서 열어줘야 되는 듯 하다.

안드로이드 버전 맞춰야한다. react-native 플젝과 맞는 버전의 sdk와 툴을 설치해야한다. https://reactnative.dev/docs/environment-setup?os=macos&platform=android&guide=native#android-sdk

• 작업하면서 로그 확인은 metro에서 확인하면 된다. watchman 때문에 프로젝트 저장할때 마다 자동으로 앱이 업데이트 된다.