[React-Native] Mac M1 설치 - 에뮬레이터 켜는 과정에서 발생한 에러들

기본 node, npm, android studio, xcode 등은 다 깔려있는 상태여서 추가로 필요한 것들만 설치하였음

 

watchman 설치

brew로 설치를 했는데 버전을 확인해 보니 이렇게 나온다 ㅋ_ㅋ 뭐지? 된거 맞겠지?

 

npx react-native init [ProjectName] 으로 시작

근데 cli.init is not a function 이라는 에러가 떴다.

npm uninstall -g react-native-cli

yarn install
yarn global add @react-native-community/cli

npx react-native init AppName

npm 말고 yarn으로 add 해주니 프로젝트가 잘 생성됐다.

 

ios 띄우기

근데 이제는 cocoapod이 안 깔렸단다.

시키는대로 pod install을 해 봤더니 안돼서 좀 찾아 봤는데

 

애플 M1 환경에서 cocoapod 를 통한 pod install 실패 대응 방법

여기까지 왔더니

이제는 인코딩이 문제란다.

워닝이긴 하지만 왠지 얘 때문에 더 안 넘어가는 것 같았다.

 

스택오버플로우에서 찾은 방법으로

export LANG=en_US.UTF-8 주석 돼있길래 주석 풀어줬고

쟤가 하고 싶었던 말을 이제야 알게 됐다.

.android 폴더에서 pod install을 하고 있을 게 아니라 ios 폴더에서 했어야 했다.

 

이제...! 아이폰 띄우기 성공

 

android 띄우기

안드로이드도 말썽이다.

Failed to launch emulator 에러는

Android Studio에서 해당 Virture Device를 선택해서 Cold Boot Now를 해주면 해결된다.

 

그리고 또... SDK manager에서 이것저것 설치는 했는데 계속 build가 안 되는 거다

알고보니 설치만 하면 되는게 아니라 Device도 만들어 줘야 하는 거였어 ㅠㅠ

태블릿 환경으로 볼 거라서 탭 선택했고 R, 30 API Level로 생성

 

그러고 나서도 계속 에러가 떴는데 공식문서를 보고 해결했다.

저것들을 잘 골라 설치해주어야 함... 비슷한것들이 많아서 ㅠ ㅠ

설치해주고 나서 이미 metro가 실행돼있다면 종료하고 다시 켜줘야한다

그리고 이제야 드디어! 안드로이드 에뮬레이터도 볼 수 있었다 ~

 

공식문서!

Setting up the development environment · React Native