[React Native] Welcome to Expo 화면에서 넘어가지 않을 때

 

에러 과정

어느날 갑자기
토스 결제 sdk 설치 후 토스 결제 위젯 예시 코드를 원본 코드에서 네비게이션을 연결하는 과정에서 

잘 작동하던 앱에서 welocome to expo 화면이 뜸

시도 과정 요약

구글에서 dotenv 모듈과 sdk 51 충돌의 문제 일수도 있다고함 -> npm uninstall dotenv-react-native 로 삭제 하니 dotenv가 필요하다는 에러가 떠 클론 후 dotenv를 삭제, 재설치를 하는 과정에서 welcome to expo 가 잠깐 사라짐
토스 sdk 설치, 토스 페이의 네비게이션을 연결한 후 네비게이션을 연결한 화면이 안보이긴 했지만 나머지 코드는 잘 뜸,webview 모듈이 필요하다는 에러가 떠 webview 모듈을 설치했더니 다시 welocome to expo 화면이 뜸

우선적인 해결

index.js 가 없다는 걸로 보아 진입점을 못찾는 것 같아 babel.config.js에 process.env.EXPO_ROUTER_APP_ROOT = "../../app";
추가하니 사라짐. 알아보니 dotenv 문제가 유력한 것 같다. 여러번 삭제하는 과정이 지금에서야 적용 된듯,,

방법1 : 캐시 지우기

터미널에 아래의 명령어로 캐시를 지워줌. 운이 좋다면 이 방법으로 넘어갈수 있다...

expo start -c

---

방법2:   babel.config.js에 process.env.EXPO_ROUTER_APP_ROOT = "../../app"; 추가  

진입점을 못찾는것 같아서 babel.config.js에 process.env.EXPO_ROUTER_APP_ROOT = "../../app"; 구문을 추가해줬다

 

참고 

https://stackoverflow.com/questions/78494804/expo-stuck-on-welcome-to-expo-screen

Expo stuck on: "Welcome to Expo" screen

 

방법3   dotenv 제거 

 

터미널 창에 아래 명령어를 통해 dotenv 제거 후 컴퓨터 재부팅

 

npm uninstall dotenv-react-native

https://www.reddit.com/r/reactnative/comments/1dqo21k/weird_problem_welcome_to_expo/?rdt=36680

From the reactnative community on Reddit: weird problem "Welcome to Expo"

 

결과적으로 봤을 때 dotenv가 문제는 맞는거 같지만 dotenv 를 제거한 후에도 같은 에러가 반복해서 남 

-> babel.config.js에 진입점을 추가해 주니 제대로 동작하기 시작했다.

아마 재빌드를 하는 과정에서 dotenv가 바뀐게 제대로 적용 된거 같은데 , 사실 어떻게 해결했는지 잘 모르겠다...

---

 

 

.