[React Native] React Native Cli에서 Expo 모듈 설치하여 사용하기

 

 

 

 

 

 

🌈 React native cli에서 Expo modules 사용하는 방법

React native cli와 Expo를 고민하던 중 네이티브 기능에 대한 확장 가능성으로 인해 React native cli를 선택하여 개발을 시작하였다.

그러던 중 Expo에서는 간단하게 구현할 수 있는 기능이 많아 생산성을 높이기 위해 현재 프로젝트에 Expo 모듈을 추가하기로 하였다.

 

 

 

👨‍💻 설치방법

 

◾ 방법 1 - Expo 공식 사이트의 가이드 따라 하기

Expo에서 제공하는 메뉴얼인 Expo Docs :: Add Expo to an existing project 을 보고 따라 한다.

 

 

◾ 방법 2 - npm 명령어 입력

1. npx install-expo-modules
2. yarn add expo-location 
3. npm start android

 

◾ 방법 3 - 나의 경우

1. npx install-expo-modules
2. yarn add expo-location 
3. cd android
4. ./gradlew clean
5. ./gradlew build --warning-mode all
6. npm start android
7. npm install graceful-fs

 

나의 경우에 Expo 공식사이트에서 가이드하는 방법으로 따라 해도 계속 오류 발생하여 정상적인 설치를 진행할 수 없었다. 또한, 영어로 구글링을 하여도 관련 글이 잘 나오지 않았다.

 

따라서 직접 해결해야겠다고 생각하였고, 오류 내용을 보니 gradle 빌드가 실패한 게 주된 원인인 것 같아 gradle 빌드를 우선적인 목표로 잡고 진행하였다. (생각나는 오류 중 하나는 npm install-expo-modules를 하였을 때 android 관련 java파일이 자동으로 업데이트되는데 해당 파일 상단의 import와 package의 순서가 뒤죽박죽이었다.)

 

gradle을 빌드할 때 --warning-mode all 옵션을 추가하면 오류 발생 원인이 상세히 나오는데 해당 원인들을 해결하여 빌드를 성공하였다.

 

gradle 빌드 이후 서버 기동시 오류가 발생하지 않을 거라고 생각하고 npm start  → run on Android 를 하였으나 또다시 오류가 발생하였다. 오류내용 보니 graceful-fs라는 모듈에서 오류 발생하였기 때문에 해당 모듈 재설치하였더니 정상적으로 기동 되었다.