[TIL] React Native 폰트 추가 이후 빌드 실패 삽질 기록

팀원 중 한명이 RN 프로젝트에 새로운 폰트를 추가했고 나는 그걸 pull 받았다.

처음엔 빌드는 잘 됐는데 unrecognized font family 에러가 떴다. 대충 이렇게 생긴 에러다.

 그래서 폰트를 추가했던 그 팀원에게 물어봤더니 이 명령어를 치면 된다고 했다.

npx react-native link --verbose

이거 폰트 관련 에러 검색할 때도 나왔던거 같은데 아직 정확히 react-native link가 뭐하는 앤지는 모르겠음...

 

아무튼 저거 치니까 처음에 다시 리로드 되서 잘 나오나 싶더니 로그인 버튼 누르니까 앱이 죽어버림.

다시 빌드 시도하니까 실패.

그 이후로 pod install, pod update, pod install --repo-update 등등 다해보고

node_modules 지웠다가 다시 깔고 Podfile 지웠다가 다시해보고 별 짓을 다해도 빌드가 안됨...

 

폭풍검색을 하니까 xcode로 빌드해서 성공한 사람이 있대서 xcode로 시도

실패.

 

그치만 xcode는 빌드 실패 원인을 더 자세히 알려주더라..!

그래서 보니까 ttf 파일 중복으로 인한 에러였음.

error: Multiple commands produce ~~ (새로운폰트).ttf

 

그래서 다시 폭풍검색으로 Copy Bundle Resources 열어서 ttf 파일 지워줌.

해당 링크 참조.

https://eugenehwang1124.tistory.com/55

[React Native ] react-native-vector-icons ios에서 사용하기(에러 해결)

 

지워주고 나니 빌드 잘됨~~!!

(이 때까지만 해도 해결된줄 알았음)

 

근데 빌드되고 나서 앱이 켜지니까 다시 unrecognized font family 에러 나옴 ㅡㅡ

그래서 다시 폭풍 삽질 시작

 

npx react-native link 랑 npx react-native link --verbose 등등 별짓 다해봐도 안됨.

 

그러다가 xcode에서 다시 Copy Bundle Resources에 ttf파일들 넣어줬더니 잘 작동함.. 하...

도대체 처음엔 이거때문에 안됐다가 왜 또 이걸 해줘야 되는건지...

 

아무튼 이렇게 해줬더니 드디어 빌드도 잘되고 앱도 잘 돌아간다..

 

 

진짜 xcode 사용법도 모르고 앱 파일 구성 자체를 잘 모르니까 맨땅에 헤딩하는 기분...

공부 좀 해야겠다...