[React-Native] Build 에러(iOS, Android)

프로젝트 셋팅을 하고 앱 빌드를 하니 이슈를 겪게 됐습니다.

1. iOS 해결 방법

1. 다음 명령어를 입력하여 ios 디렉토리 내 build 폴더를 제거합니다.

rm -rf ~/Library/Developer/Xcode/DerivedData/*

2. xcode 에서 Product > Clean Build Folder 순서대로 Build 폴더를 clean 작업을 해줍니다.

3. main.jsbundle 파일을 ios 디렉토리로 옮겨줍니다. 이때, main.jsbundle 파일이 존재하지 않는다면, 다음 명령어를 입력하여 파일을 생성합니다.
   

yarn react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'

4. xcode에서 Build Phases 탭에 들어가서 Copy Bundle Resourse 배너 부분에서 main.jsbundle 파일을 리스트업 해줍니다.
   

5. iOS 빌드를 합니다.

2. Android 해결 방법

1. [패키지명]/android/app/src/main/assets 폴더가 있는지 확인하고 없으면 생성합니다.
   

2. [패키지명]/android 폴더에서 ./gradlew clean 명령어를 실행합니다.

3. Android 디렉토리에서 아래 명령어 실행합니다.

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

4. Android 빌드를 합니다.