[React-Native] 리액트 네이티브 ios 빌드 24시간 삽질 끝에 드디어 성공

너무나 기뻐서 오랜만에 글을 쓴다.

리액트 네이티브 ios빌드를 25시간만에 성공했다.

아!!주!! 기쁘다. 

 

회사에서 하는 리액트 네이티브 Poc에서 리스트 페이지에서 디테일 페이지로 화면 전환 될때 애니메이션을 적용하기로 했다.

초기 아무것도 없는 프로젝트를 클론 했을때는 잘만됐는데..

많은 것이 바뀌고 나서 다시 클론을 받으니까 안되기 시작했다. 

 

 

1. clone을 받음

2. root에서 yarn

3. cd ios 

4. npx pod-install

5. root에서 yarn ios

 

일단  pod-install부터 고난 시작이었다. 

 

"Can't merge user_target_xcconfig for pod targets: ["RNReanimated", "hermes-engine", "react-native-skia", "Api", "Jsi", "RNSkia", "SkiaHeaders", "Utils"]. Singular build setting CLANG_CXX_LANGUAGE_STANDARD has different values"

이런 에러가 뜨는 것이다.

 

해결은

yarn add react-native-reanimated@last and select version 3.0.0-rc.2

 

참고 : 링크

 

이렇게 했다. 휴

---

 

그런데 yarn ios가 안된다.

 

error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65.

이런에러가 뜨는것이다.

그래서

이걸 따라 했다. 링크

---

오 뭔가 에러는 안난다.

근데 영원히 빌드 중..

그래서 안드로이드 부터 하기 시작했다. 

안드로이드는 빌드 성공 그렇지만 내가 12 시간이 지나도 빌드가 되지 않았다. ;;;;;;;;;;;;;;;;;;;;; 저기요;;;;;;;;;;;

 

 

그래서 뭔가 이상함을 감지

회사 분이 xcode업데이트 때문에 안됐었다 했던 것을 생각해내서 혹시? xcode를 다시 깔아야하나? 하며

xcode를 다시 깔려고 함

그런데 맥 업데이트를 하라고 함

그래서 맥 업데이트를 하고 xcode를 다시 깔았다. 

 

그리고 다시 yarn ios를 하는데 

이번에는 아이폰13이 없다고 한다.

 

 

그래서 xcode 시뮬레이터에 아이폰 13을 추가 해줬다. 이름을 꼭 iPhone 13으로 해줘야한다. 네이밍 틀리면 안된다.

---

그리고 다시 yarn ios 를 했다.

그런데 또 빌드 실패 main.jsbundle어쩌고 한다.

 

 

그래서 이걸 참고 : 링크

 

다같이 하는 플젝에 저런 스크립트를 내가 추가해도되는지 궁금했지만 

package.json에 들어가보니 이미 bundle:ios라는 스크립트로 비슷한게 정의되어있었다. 

그래서 그냥 yarn bundle:ios를 실행했다.

그리고 3단계랑 4단계는 어떻게 하는지 모르겠어서 그냥 안하고 다시 yarn ios를 했다.

---

 

결과는 두둥

 

25시간만에 빌드 성공;