TIL #21 (RN프로젝트 에러 모음)

📱리액트 네이티브로 프로젝트를 진행하게 되었다.

이번 첫 주는 거의 초기 설정과 프로젝트 분석으로 보내게 될 것 같다.

 

초기 설정을 하면서 안드로이드와 ios시뮬레이터를 띄우는데 에러가 계속 뜬다. (심지어 그때그때 다른 에러... 🤮)

 

계속 에러를 만나다 보니 앞으로도 그럴 것 같아서 정리를 좀 해 놓으려고 한다.

 

환경 : MacOS

---

❓npx react-native init projectName --template react-native-template-typescript 에러

 

문제 : 설치를 위해 위의 명령어를 입력했는데 couldn`t find 에러가 뜬다.

 

해결 : github.com/facebook/react-native/issues/28117

Unable to init new RN project · Issue #28117 · facebook/react-native

똑같은 문제를 가진 사람이 있어서 다른 사람이 올려놓은 해결방법으로

$ npm uninstall react-native -g

$ npm uninstall react-native-cli -g

를 진행했지만 해결되지 않음

 => 이전에 실습목적으로 설치한 expo-cli를 지우니 해결되었다.

 

 

---

❓yarn에서 ios를 실행할 때 build 오류가 뜨는 경우

yarn에서 ios를 실행할 때 build 오류가 뜨는 경우

문제 : yarn ios를 통해 앱을 실행할 경우 build가 fail 했다는 에러

 

해결 :  터미널 루트에서 cocoapod을 새로 설치하고 프로젝트 폴더 내에서 인스톨해주니 해결되었다.

cocoapod은 xcode의 npm 같은 친구

cocoapod 설치

 

pod install

---

❓안드로이드 에뮬레이터 실행시 debug.keystore파일 문제

안드로이드 에뮬레이터 실행시 debug.keystore파일 문제

문제 : 안드로이드 에뮬레이터 실행시 debug.keystore파일을 찾을 수 없어 빌드를 실패하는 문제

 

해결 : github.com/facebook/react-native/issues/25629#issuecomment-513049442

Keystore file '/Project-Folder/android/app/debug.keystore' not found for signing config 'debug' in react-native 0.60 · Issue #2

위의 해결책과 아래 댓글에 그냥 바로 keysrore파일을 받아서 실행하는 것 두 가지 모두 해보았는데 두 방법 모두 해결된다. 🙌

---

❓안드로이드 execution failed for task ':app:installDebug' 문제

execution failed for task ':app:installDebug' 문제

문제 : execution failed for task ':app:installDebug' 라는 오류가 뜨며 에뮬레이터 내에서 앱 실행이 안 되는 에러

 

해결 : 에뮬레이터 내의 어플을 삭제하니 해당 에러는 사라졌다.😃

---

❓안드로이드 device is offline 문제

안드로이드 device is offline 문제

문제 : 디바이스가 offline이라며 실행하지 못하는 문제

 

해결 : athilog.github.io/react-native/%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD%EA%B5%AC%EC%84%B1/

개발환경 구성 - 아띠의 개발블로그

글의 가장 아래에 offline 에러 해결방법에서 2번째 방법으로 해결했다.💪

---

❓brew cask Unknown command 문제 

brew cask Unknown command 문제 

문제 : 분명 brew에서 cask를 설치했음에도 cask 명령어를 인식하지 못하는 오류

 

해결 : 설치하고자 하는 라이브러리에 --cask 옵션을 주어 해결 (brew install --cask react-native-debugger)

---