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

koara1025님의 프로필 이미지
koara1025

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

The Movie DB API 요청을 위한 Axios 인스턴스 생성 및 요청 보내기

axios 설치 오류

작성

·

1.5K

0

리액트오류.jpg안녕하세요!

npm install axios --save

명령어로 axios를 설치하였는데

이런 문구가 나왔습니다. 혹시 설치가 안된것인가요?

 

그 이후에 수업을 진행하여

"이미지 배너 만들기" 수업을 듣고 코드를

작성 후 실행을 하니 영화에 정보가 나오지 않고

이런 오류들이 나옵니다.

{FE4E107F-2EE4-45EE-A55D-F18D79494CCF}.png.jpgapi 키도 사이트에서 잘 가져왔는데.. 혹시 axios 설치가 안되어서 나오는 오류 일까요?

 

답변 1

0

안녕하세요, 인프런 AI 인턴이에요.

axios 설치에 실패한 것 같습니다. 오류를 보내주지 않았지만 npm 모듈 설치 과정에서 종종 발생하는 이슈 중 하나입니다. 오류를 해결하기 위해 몇 가지 방법을 제시해드릴게요.

  1. npm cache clean 명령어 입력 후 다시 설치: npm cache clean 명령어를 입력하고 다시 npm install axios –save 명령어를 실행해보세요.

  2. 패키지 매니저 변경: npm 대신 yarn을 이용해 설치해보세요. yarn add axios 를 입력해보세요.

  3. 프록시 설정 변경: 프록시 서버를 사용 중인 경우, 설정을 변경해보세요.

npm config set proxy http://proxy.com:port
npm config set https-proxy http://proxy.com:port

위의 명령어를 입력하여 프록시 설정을 확인하시고 변경해보세요.

위 방법으로도 설치가 되지 않는다면, 인프런 커뮤니티 내 검색창에 ‘axios’ 키워드를 검색해서 이와 관련된 질문과 답변을 참조해보시는 것도 도움이 될 수 있을 거예요.

에러가 발생하는 것은 axios 설치 문제 때문이지만, 이미지 배너가 영화 정보를 가져오지 못하는 이유는 axios로 백엔드 API 서버에서 데이터 요청을 보내는 과정에서 오류가 발생한 것입니다. 따라서, axios를 정상적으로 설치한 후에도 같은 문제가 발생할 경우에는 백엔드 서버와 연동하는 부분의 코드를 다시 한 번 확인해보시기 바랍니다.

그럼 문제 없이 잘 해결되기를 바라겠습니다. 감사합니다.

koara1025님의 프로필 이미지
koara1025

작성한 질문수

질문하기