[React Native]0.66.2에서 0.72로 버전 업그레이드 - 1 (업그레이드 하기)

React natvie는 React보다 버전 업그레이드가 더 까다로웠던 것 같다. 

React native 버전을 올리면서 발생했던 라이브러리 버전 conflict가 생각보다 많았다.

라이브러리 버전을 업그레이드 한지는 조금 시간이 지났지만 추후에 같은 어려움을 반복해서 경험하지 않기 위해 기록하려고 한다.

 

1. 업데이트 파일 확인하기

React natvie 버전을 업그레이드하기 위해서는 변경되는 파일들을 일차적으로 확인하면 좋다.

현재 사용하는 버전과 변경하고자 하는 버전을 입력하면 업데이트되는 파일들을 한눈에 비교해 볼 수 있었다.

https://react-native-community.github.io/upgrade-helper/

Upgrade React Native applications

 

 

2. 라이브러리 버전 확인 및 변경하기

변경하고자 하는 React Native 버전과 기존에 사용하고 있는 라이브러리들의 버전의 sync를 확인한다.

npx @rnx-kit/align-deps --requirements react-native@{version}

 

버전 변경이 필요한 라이브러리들의 버전을 변경해준다.

npx @rnx-kit/align-deps --requirements react-native@{version} --write

 

3. 캐시로 인한 crash를 해결하기 위한 초기화

정상적으로 업그레이드가 됐으나 기존 캐시로 인해 정상 작동하지 않을 경우도 있기 때문에 캐시를 초기화해준다.

 

watchman 삭제

watchman watch-del-all

 

 

캐시 삭제

rm -rf /tmp/metro-*

 

node_module 삭제

rm -rf node_modules

 

라이브러리 설치

yarn install

 

pods 삭제 및 설치

 cd ios && rm -rf Pods Podfile.lock && pod install

 

Metro 캐시 삭제

yarn start --reset-cache

 

Android gradle 파일에 새로운 변경 사항 적용

cd android && ./gradlew clean

 

위 과정 후에 에러 발생 없이 업그레이드가 될 수도 있다. 하지만, 거의 대부분의 경우에는 에러 발생으로 추가적인 작업이 필요하다.

나 또한 운이 좋지 못하게 여러 에러를 경험하게 되었다. 어떤 방식으로 에러를 해결하게 되었는지는 다음 글에서 정리하려고 한다.

 

 

참고

https://medium.com/game-development-stuff/how-to-easily-upgrade-react-native-and-the-project-dependencies-6af458ada81c

🔝 How to easily upgrade React Native and the project dependencies