inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

에러만 나와요

202

진영

작성한 질문수 1

1

image.pngimage.pngimage.pngimage.pngimage.png

깃 복붙도 해봤는데 계속 저래요... ㅜㅜ

HTML/CSS javascript react

답변 2

0

Inje Lee (소플)

안녕하세요, 소플입니다.

 

우선 첨부해주신 스크린샷만으로는 문제가 없어 보이는데,

소스코드를 작성하고 잘 저장하셨는지 한 번 확인해보시고,

애플리케이션을 종료하고 다시 시작해도 동일한 에러가 나오는지 확인해보시기 바랍니다!

 

감사합니다.

0

인프런 AI 인턴

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

에러 메시지와 관련된 문제가 있으신 것 같네요. 제공해주신 이미지 기반으로 “element type is invalid” 에러 메시지가 출력되는 상황을 확인할 수 있었습니다. 이러한 에러는 대개 React 컴포넌트를 잘못 import하거나 export 할 때 발생합니다.

올려주신 질문과 유사한 상황에서 소플 강사님이 제공한 답변이 여러 가지 있는데, 그 중 일부는 다음과 같습니다:

  1. 안녕하세요 작동이 안됩니다 ㅜㅜㅜ

    • 해당 문제는 컴포넌트의 잘못된 import/export 때문에 발생할 수 있습니다. 강사님은 파일의 경로, 대소문자 등 이름이 정확한지 다시 한번 확인할 것을 권장합니다. 또한, GitHub에 있는 실습 코드와 비교해보는 것도 좋을 것 같습니다.
  2. JSX 입문 강의 질문입니다.

    • 이 경우도 비슷하게 리액트 컴포넌트가 제대로 export/import되지 않았을 때 발생할 수 있습니다. 강사님은 createRoot 방식과 실습 코드의 URL을 제공하셨습니다. 리액트 버전이 다른 경우 이 방법으로 오류를 해결할 수 있습니다.

이미지만으로 구체적인 해결책을 제시하기는 어렵지만, 주어진 정보로 미루어 볼 때 여러분이 겪고 있는 문제는 컴포넌트를 잘못 불러온 것일 수 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

강의가 삭제되었다고 합니다

0

106

1

이거 왜 존재하지 않는다고 뜨는건가요

0

133

1

존재하지 않는 수업이라고 떠요

0

183

1

안드로이드 에뮬레이터 오류

0

100

1

교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.

0

125

1

prevIsConfiromed 질문

1

141

2

chapter14 잘이해가 되지않습니다..

1

135

2

2025년 3월 리액트버전

1

201

2

npm 설치 오류

1

175

1

chapter_07 콘솔로그 질문드려요~!

1

127

2

안녕하세요 미니블로그 실습 질문드립니다.

1

178

3

에러가 떠요

1

218

3

Chapter6 질문 드립니다

1

209

2

실습 코드 있을까요?

1

206

2

상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.

1

233

2

npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다

0

308

3

이름과 코멘트 줄바꿈이 안 됩니다.

0

140

1

버튼이 안 뜹니다

0

303

2

npx create-react-app my-app

1

470

2

jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.

1

376

3

Chapter_05 터미널, 리액트 에러

0

193

2

npx create-react-app my-app 명령어 반응없음

1

432

3

import 코드 에러

1

214

1

백틱

1

121

1