반응형 Frontend/React Native19 [React Native] 리액트 네이티브 address already in use 각종 오류 수정 fix 정리 - 트러블 슈팅 리액트 네이티브로 앱을 개발하면서 발생했던 오류 정리 # metro 서버가 이미 떠있는 경우 서버가 이미 기동중인 경우에는 서버 프로세스를 중지하고 다시 실행해야 한다. 오류 메시지 : address already in use :::8081 $ sudo lsof -i :8081 $ kill -9 ${PID} # 앱에서 이미지 안나오는 경우 (불러 오지 못하는 경우) $ npm i -g patch-package #react native error Failed to launch emulator 오류 발생 시, : source ~/.bash_profile update 예정 2023. 4. 28. [React Native] could not connect to development server 리액트 네이티브 오류 해결 리액트 네이티브로 개발하면서 발생하는 오류중에 오류 해결이 오래 걸릴때가 있는데 이번 오류가 그랬다. 해결방안을 많이 검색해서 수정해봤지만 해결되지는 않았고, 한참후에야 해결할 수 있었다. 현상 - 앱이 실행은 되지만 소스를 수정해도 적용되지 않는다. 수정 - 메트로 서버를 기동할때 npm start 명령어로 기동했는데, 아래 명령어로 실행했더니 변화가 있었다. // 메트로 서버 기동 npx react-native start --reset-cache // 안드로이드 시뮬레이터 기동 npx react-native run-android npx로 기동했더니 아래와 같이 다른 오류가 발생했다. 위 오류는 Android > app > src > main > res > xml > network_security_co.. 2023. 4. 23. [React Native] 리액트 네이티브 안드로이드 기기에 빌드하기 - apk 만들기 리액트 네이티브로 안드로이드 앱을 개발하면서 시뮬레이터로만 우선 개발하다가 실제 기기에 빌드하여 테스트를 해야하는 시점이 오는데 아래는 실제 안드로이드 기기에 앱을 설치하기 위해 apk를 만드는 방법이다. # android apk 만들기 (개발용) android/app/src/main/assets 폴더가 있는지 확인하고 없으면 assets 폴더를 만들어 준다. 터미널에서 3번 명령어를 실행한다. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/re.. 2023. 4. 4. [React Native] 리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치 리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치 리액트 네이티브를 사용하여 개발하다보면 빌드 및 시뮬레이터 기동 시, 각종 오류가 발생하는 경우가 있는데 이런 경우 clean 이나 캐시 삭제를 해주면 정상동작 하는 경우들이 있다. 리액트네이티브로 앱을 개발하면서 사용했던 clean 및 캐시 삭제 명령어를 정리해본다. # grade clean $ cd android/ && ./gradlew clean build --refresh-dependencies $ cd ../ $ Npm run android # 안드로이드 gradle 초기화 $ android && ./gradlew clean # iOS clean xCode 에서 실행 command + Shift + K 혹은 맨상단의 Product에.. 2023. 4. 3. 이전 1 2 3 4 5 다음 반응형
