M1 mac에서 React native 초기 설치시 에러 해결하기

시작하기

리액트 네이티브 초기 설정하는 방법은 다음 링크에서 확인할 수 있습니다.
초기 설정
초기 설정 방법 대로 했는데 ios에서 에러가 날 경우 해결 방법입니다.

m1 맥미니, Big sur, node v14.17.0버전에서 테스트를 했습니다.

ios 에러

처음에 설치를 하고 npx react-native init MyApp --template react-native-template-typescript명령어를 실행했는데 ios부분에서 에러가 난다면 몇가지 시도를 해볼 수 있습니다.

rosetta

로제타를 자주 사용할 것이기 때문에 로제타 터미널을 복제해서 생성합니다.

cocoapods 설치

코코아팟은 npm과 같이 의존성 관리하는 패키지 입니다.
FFI는 Foreign Function Interface의 줄임말로, Ruby-FFI는 다른 언어의 동적 링크 네이티브 라이브러리를 읽어와서 루비 코드로 실행할 수 있게 해주는 라이브러리입니다. 이 라이브러리를 설치하면 빅서 혹은 m1에서 나오는 에러가 해결되는 경우도 있습니다.

sudo gem install cocoapods
sudo gem install ffi

기존 레거시 삭제

기존 레거시는 삭제 시키고 다시 설치
레거시 react-native-cli에서는 해당 템플릿을 사용할 수 없고 새로운 CLI에서만 사용할 수 있다고 한다.
기존의 cli를 제거하고 npx를 이용하거나 npx를 이용하고 싶지 않다면 새로운 cli를 전역으로 설치해야 한다.

npm uninstall -g react-native-cli
npm i -g @react-native-community/cli
npx react-native init MyApp --template react-native-template-typescript

이후에 실행시켜봅니다.

npm run ios

결과

설치와 실행이 잘 되는 것을 확인 할 수 있습니다.