React Native 환경 구축에서 오류를 해결하는 방법

React Native의 학습을 시작해 환경 구축을 실시하고 있었던 곳에 에러가 나 버렸습니다.
환경 구축은 여기의 흐름에 따라 React Native CLI Quickstart에서 실시했습니다.

① 먼저 다음 명령을 치면 React Native 설정이 완료되고 AwesomeTSProject 디렉토리가 생성됩니다.

npx react-native init AwesomeTSProject --template react-native-template-typescript

②AwesomeTSProject 디렉토리로 변경합니다.

cd AwesomeTSProject
npx react-native run-ios

이것으로 앱이 일어나면 개발 환경의 구축은 완료된 것입니다.

그러나 다음과 같은 오류가 발생했습니다.

오류 내용

분명히 Node 서버가 시작되지 않은 것 같습니다.

해결 방법

① node.js의 서버가 시작되지 않았기 때문에 터미널에서 시작해 보았습니다.

npm start

그러나 포트가 충돌하는 것 같습니다.

error listen EADDRINUSE: address already in use :::8081.

②포트를 특정하고 소거한다.

// ポートを特定する
losf -i 8081

// PIDを指定して消去する
kill -9 *****  // *****にはPIDの数字を入力してください

③ 다시 ios로 시작합니다.

npx react-native run-ios

무사히 앱이 일어났습니다!

참조

빌드 실패:Error: listen EADDRINUSE: address already in use :::4000
React Native의 환경 구축에서 넘어진 이야기 : Error: listen EADDRINUSE