본문 바로가기

리액트/리액트네이티브

(2)
[ReactNative] 실습 중 포트 중복 발생 오류 해결 방법 - in Window 이 오류 메시지는 이미 8081 포트가 다른 프로세스에 의해 사용 중이라는 뜻입.React Native의 Metro 번들러가 기본적으로 8081 포트에서 동작하는데, 해당 포트가 점유되어 있어서 EADDRINUSE 에러가 발생한 것입니다.아래 방법 중 하나로 문제를 해결할 수 있습니다.1. 이미 실행 중인 번들러/프로세스 종료가장 흔한 경우는 이전에 띄워둔 번들러(Metro)가 아직 꺼지지 않은 상태로 백그라운드에서 8081 포트를 점유하는 상황입니다.기존 터미널(Metro 번들러가 동작 중이던 터미널)을 확인해서 Ctrl + C 로 종료혹은 Windows 작업 관리자 / macOS Activity Monitor 등에서 Node.js 프로세스가 떠 있다면 강제 종료다시 yarn start 실행이렇게 하면..
[ReactNative] $ npx react-native run-android⚠️ react-native depends on @react-native-community/cli for cli commands. To fix update your package.json to include: "devDependencies": { "@react-native-community/cli": "latest", } 에러 해결ReactNative] $ npx r 해당 오류는 Yarn 4 (Berry) + PnP(Plug’n’Play) 환경에서 React Native CLI 패키지를 제대로 인식하지 못하는 전형적인 상황입니다.즉, react-native가 “@react-native-community/cli가 필요하다”라고 계속 말하지만, 실제로는 이미 설치가 되어 있음에도 PnP 링크 방식 때문에 제대로 연결되지 않는 경우가 대부분입니다.아래 순서대로 해결 방법을 시도해 보세요.1. .yarnrc.yml에서 nodeLinker: node-modules로 변경 (가장 확실한 방법)Yarn v2 이상(일명 Berry)부터는 기본적으로 **PnP(Plug’n’Play)**를 사용하게 설정될 수 있는데,React Native는 아직 PnP와 완벽하게 호환되지 않습니다.그..

728x90