[구현] 2019년 7월 기준 React-Native 앱 빌드 툴 Expo 버전업 관련 문제 해결

본 글은 2018년에 구축된 React-Native 프로젝트를 Expo 로 빌드하는 환경에서

Expo의 버전업으로 인한 에러 해결에 대해 정리해 놓은 글이므로 2022년 현재 시점과는 맞지 않다.

이 점 참고하길 바란다.

 

2019년 7월 기준,

Expo XDE 지원이 중단되고, Expo-cli 를 통해 빌드하도록 변경되었다.

따라서 Expo-cli 를 다운로드 하고 환경 설정을 해야 한다.

이 과정에서 기존 프로젝트의 환경 설정, 모듈 버전, 코드 내의 모듈 사용 문법 등이 맞지 않아 에러 발생하였고

이를 해결하기 위한 리스트를 아래에 정리하였다.

 

<문제 해결을 위해 시도한 내용 리스트 정리>

• app.json 파일에서의 sdkVersion 을 33.0.0으로 변경.

• package.json 파일에서의 expo, react-native 를 33.0.0으로 변경.

• yarn install (npm 명령어가 아닌 yarn 명령어로 install)

• yarn global add expo-cli (이것 또한 npm 명령어가 아닌 yarn 명령어로 add)

• .babelrc 파일을 .babelrc-old 파일로 만들어 사용하지 않도록 변경하고 babel.config.js 파일을 생성

• expo install victory-native (기존에 사용하던 모듈 버전업)

• .js 소스 파일들을 루트로 옮기기

• node_modules/@expo/vector-icons/ 아래에 fonts라는 폴더를 만들어 다운로드 받은 ionicons.ttf 파일 복사

• System 환경 변수에 REACT_NATIVE_PACKAGER_HOSTNAME 생성하고 값으로 ip주소 넣기

• System 환경 변수 중 Path에 expo 로컬 path 추가

• Set EXPO_DEBUG = 1 명령어

• .js 소스 파일 코드 수정

  -> <View> 와 <Card> 사이에 <Content padder> </Content>로 감싸주기

  -> Import AppLoading from ‘expo’; 추가하고 사용하는 라인에서 Expo.AppLoading -> AppLoding 으로 수정

폰트 관련 부분 주석처리