인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn コミュニティ Q&A

nanyahoo8323 のプロフィール画像

投稿した質問数

[2025] 非専攻者向け React Native アプリ開発 マスタークラス

プロジェクト構造理解

npx expo start 오류건...

解決済みの質問

作成

·

185

·

編集済み

0

터미널에서 npx expo start 하면...아래의 오류가 납니다.

휴대폰 화면은 뜨는데요.

빨간색오류가 뜨면서 Welcome! 화면이 뜨질 않습니다.

무엇일까요?

 

image.png

 

image.png

 

javascriptreactnode.jsreact-nativetypescript

回答 3

1

purum님의 프로필 이미지

저도 이 오류가 나서 하다보니까

adb kill-server

adb start-server

이렇게 다시 시작해서 일단 해결(?)은 했습니다만...

제 생각에는 회사pc이다 보니 일부 보안프로그램 같은게 막는거 아닌가 하는 생각도 들긴합니다.

외부망 연결 안된 상태에서 빌드하는것도 문제가 되고요..

중간중간 문제 때문에 강의 진행이 더디네요.

junghw님의 프로필 이미지
junghw
インストラクター

강의 진행이 더디다니 진심으로 유감스럽게 생각하고 있습니다.ㅠㅠ

이게 제가 보기에는 빌드하는건 너무 빠른데 에뮬레이터 부팅이 조금 느렸어서 그런걸수도 있다고 생각했습니다,

그래서 저같은 경우는 에뮬레이터 오른쪽의 길쭉한 도구 바에 있는 여러개의 도구 모양 중 정사각형 모양을 클릭해서 최근 앱들을 볼수 있는 화면으로 넘어갔구요, 그리고 최근앱들을 위로 드래그해 삭제한 후 터미널에서 npx expo start 명령어를 실행했었습니다.

다양한 문의와 의견들 항상 감사드립니다.

0

junghw님의 프로필 이미지
junghw
インストラクター

안녕하세요 nanyahoo 수강생님! 먼저 소중한 질문 감사드립니다. 해당 문제같은 경우, 저도 개발할때 종종 겪던 문제였습니다. 제가 저 문제를 겪을 땐 다음과 같은 방법을 사용하곤 했었습니다.

  1. 가상기기의 아래쪽 바를 위로 끌어올려 최근 열었던 앱들이 보이는 상태로 만들어 줍니다. 이게 안되시는 경우는 에뮬레이터 오른쪽의 길쭉한 도구 바에 있는 여러개의 도구 모양 중 정사각형 모양을 클릭해서 최근 앱들을 볼수 있는 화면으로 넘어갑니다.

  2. 그래서 최근 앱들을 모두 위로 드래그 하셔서 지워 주세요. https://imgur.com/a/A93jfJK의 영상과 같이 하시면 됩니다.

  3. 그리고 터미널에서 Ctrl + C로 나가신 후에 다시 한번 npx expo start를 눌러주시면 감사하겠습니다.

nanyahoo8323님의 프로필 이미지
nanyahoo8323
質問者

vscode에서 "npx expo start" 명령을 입력했를때...도스창이 2개 뜨면서 에뮬이 뜬 상태입니다.

최근 열었던 앱이 있을까요?

주신 동영상 처럼 할 수가 없습니다. 가상기기 아래쪽 바를 마우스로 끌어올리거나 아무리 해도 화면을 동일하게 할 수가 없습니다.

image.png

가상기기 아래쪽 바를 위로 끌어 올리아는 것이 어떤 액션인지요?

junghw님의 프로필 이미지
junghw
インストラクター

음.. 아니면 에뮬레이터랑 도스창을 전부 다 끄신 다음에, 한번 다음과 같이 해보시는 것이 어떨까요?

바로 에뮬레이터를 수동으로 실행하는 방법인데요,

  1. Android Studio를 열어 주세요.

  2. Android Studio의 홈 화면에서 아래쪽 More Actions를 클릭해 주세요.

  3. 4개의 메뉴 중에서 Virtual Device Manager 항목을 클릭해 주세요.

  4. 그럼 수강생님께서 생성하신 Pixel 9 Pro XL API 35가 보이실 겁니다.

     

  5. 해당 가상기기 항목의 맨 오른쪽 보시면 버튼이 있으실 텐데요, 버튼을 클릭해 주세요. 그러면 가상기기가 수동으로 열립니다.

  6. 그리고 다시 터미널에서 npx expo start 명령어를 입력해 주세요.

추가로 제가 새벽쯤에 답변드렸던 것 중에 a키를 눌러달라고 말씀드렸는데 잠깐 명령어를 헷갈렸네요ㅠㅠ npx expo start로 프로젝트 시작하시는 것이 맞습니다!

0

communityai8509님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. nanyahoo님.

React Native 개발 환경에서 npx expo start 명령어 실행 중 발생한 오류에 대해 설명해 드리겠습니다. 주로 이러한 오류는 네트워크 연결 문제나 환경 설정에 기인할 수 있습니다. 아래에 몇 가지 확인해볼 사항을 안내드립니다.

1. 네트워크 및 포트 설정 확인

  • TCP 포트 5554 에러: 이는 주로 에뮬레이터와의 연결 문제로 인해 발생합니다. 방화벽 설정으로 인해 TCP 포트가 차단되지 않았는지 확인해보세요.
  • 에뮬레이터의 네트워크 설정: 에뮬레이터의 네트워크 연결 상태를 점검하십시오. Android 에뮬레이터 설정에서 네트워크 관련 옵션을 살펴볼 수 있습니다.

2. Expo 설정 확인

  • Expo 및 React Native 패키지 확인: 사용 중인 Expo 버전이 React Native 패키지와 호환되는지 확인해보세요. 종종 버전 차이로 인한 오류가 발생할 수 있습니다.
  • 프로젝트의 설정 파일 확인: app.json 혹은 app.config.js 파일에서 네트워크나 연결 관련 설정이 잘못되어 있는지 확인해보세요.

3. 에뮬레이터 및 환경 문제 해결

  • 에뮬레이터 초기화: 에뮬레이터를 처음부터 재구성해 보세요. 가상 기기를 삭제하고 새롭게 생성하는 것이 도움이 될 수 있습니다.
  • 개발 환경 리소스 확인: PC의 메모리와 CPU 사용량을 확인하여 충분한 리소스가 있는지 확인하세요. 만약 리소스가 부족하면 에뮬레이터가 제대로 작동하지 않을 수 있습니다.

이와 관련해 더 많은 정보를 얻으실 수 있는 링크는 다음과 같습니다:
1. ### expo로 설치해도 되나요?
- 내용 요약: Expo를 사용한 설치 및 폴더 구성의 차이에 대한 설명이 담겨 있습니다.

위의 답변들이 문제가 해결되기를 바라며, 추가적인 질문이 있으면 언제든지 이어서 질문해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

nanyahoo8323 のプロフィール画像

投稿した質問数

質問する