[React] Attempted import error: does not contain a default export

Attempted import error: does not contain a default export

 

리액트 프로젝트 강의를 따라가던 중 마주친 에러이다.

뭐가 문제인가 싶어서 번역기 돌려봄

 

가져오기 시도 오류 : './Sections/MainImage.js'에 기본 내보내기('MainImage'로 가져오기)가 없습니다.

 

이런 내용이었다.

즉, import 해놓은 MainImage 파일에 내보내기 코드가 없다는 말임.

export default 코드를 깜빡했음ㅋㅋ

 

export default MainImage;

 

MainImage 파일에 위 코드를 추가해주니 정상적으로 작동되었다.

아직 리액트가 익숙하지 않아서 자꾸 이런거 빼먹는 실수를 한다. 정신차려..