인프런 커뮤니티 질문&답변

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

메인 화면 구현 - 2

axios 설치 이후 오류

작성

473

axios 설치 이후에 아래와 같은 오류가 발생했습니다.

왜 이런 상태가 된걸까요?

Opening developer tools in the browser...

Missing package "metro" in the project at C:\Users\USER\Desktop\front-study\grab-market-mobile. This usually

means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`.

답변 2

지식공유자

상단을 보면 Network Error라고 나오네요!

에러 로그를 확인해보시면 좋을 것 같습니다.

예상 가는 부분은 ngrok 이 제대로 실행되고 있는지, 만약 실행되고 있다면 React Native 프로젝트에서 제대로 된 ngrok 서버의 URL을 가지고 있는지 확인해보시면 좋을 것 같아요!

ngrok 서버 URL은 재실행할 때마다 변경됩니다!

지식공유자

안녕하세요. React Native는 아직까지 버그가 꽤 존재합니다 ㅠ

기존에 react-native가 설치되어 있다면 아래 명령어로 실행해보세요!

npm start --reset-cache

만약 이도 안된다면 아래 명령어를 쭉 실행시켜보세요!

watchman watch-del-all && rm -rf node_modules && npm install && rm -rf /tmp/metro-* && npm run start --reset-cache

질문자

답글 달아주신대로 다시 해보니 아래와 같은 상태가 되었습니다..ㅠㅠ

Network Error

at node_modules\axios\lib\core\createError.js:15:17 in createError

at node_modules\axios\lib\adapters\xhr.js:81:22 in handleError

at node_modules\event-target-shim\dist\event-target-shim.js:818:20 in EventTarget.prototype.dispatchEvent

at node_modules\react-native\Libraries\Network\XMLHttpRequest.js:600:10 in setReadyState

at node_modules\react-native\Libraries\Network\XMLHttpRequest.js:395:6 in __didCompleteResponse

at node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:189:10 in emit

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:416:4 in __callFunction

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:109:6 in __guard$argument_0

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:364:10 in __guard

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:108:4 in callFunctionReturnFlushedQueue

at [native code]:null in callFunctionReturnFlushedQueue

질문자

작성한 질문수