[expo] expo-router가 index.tsx 경로를 제대로 못 찾을 때

 

문제

ios 앱을 하나 출시하고 계속해서 디벨롭하는 과정에서 갑자기 expo를 실행해도 index.tsx를 제대로 찾지 못 하는 일이 발생했다. 

특별히 layout.tsx를 건든 일이 없는데 무슨일인지 expo-router가 경로를 못 찾고 있었다. 

 

참고해 볼 포인트

✅ expo-router 가 잘 설치되어있는가

✅ 폴더 경로가 제대로 되어있는가

✅ package.json에 {"main" : "expo-router/entry",} 가 되어있는가 

 

정도가 있는 것 같았다. 하지만 여기저기 찾아본 결과, 

 

상황에 따라 다른 거 같긴한데, 

 

 

해결방안

첫번째. 환경변수 확인하기 

api key 같은걸 사용하면서 .env 파일을 쓴다면 그 부분을 확인해보라는 이야기를 찾았다. 

https://www.reddit.com/r/expo/comments/1emy9j3/exporouter_cant_find_my_index_file/

 

 

두번째, app.json에서 "experiments": {"typedRoutes": false} 을 변경하기

experiments 에서 typedRoutes의 값을 false로 바꾸라는 것이다. 
typedRoutes가 Expo에서 타입스크립트와 관련된 경로 처리 설정이다. true로 두면, Expo는 경로를 더 엄격하게 타입 체크하고, 개발 중에 경로 관련 에러를 더 많이 확인하고, 반대로 false로 설정하면, 타입 체크가 덜 엄격하게 되어 경로 관련 에러를 덜 찾아낼 수 있다.

결국에는 경로 처리에서 타입스크립트의 검사를 좀 더 유연하게 해주어 문제가 해결될 수 있다는 말이다. 

나의 경우는 이 값을 변경했더니 동작이 잘 되었다. 

https://stackoverflow.com/questions/79147456/expo-sdk-51-not-finding-app-layout-tsx-in-expo-router-entry-js

Expo (SDK 51) not finding app/_layout.tsx in expo-router/entry.js

 

결론적으로 타입스크립트 경로처리에 문제가 있다는 소리다. 답을 찾을 수가 없어서 너무 답답했는데 일단은 문제를 소강시켜서 다행이라는 마음과 함께. 저렇게 두기에는 찝찝하다는 생각이 들어서 조금 더 근본적이 문제처리가 필요하다고 결론지었다.