인프런 커뮤니티 질문&답변
작성한 질문수
리액트 초보입니다 에러 질문드려요
작성
·
78
·
수정됨
0
일정관리 프로그램 실습중인데 이 에러가 뭔지를 몰라서 진행이 안 되네요... ㅠㅠ
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
나는왜사는가님, 리액트 초보이신가요? 걱정마세요! 에러 메시지에 따르면 Todos 컴포넌트를 ./todos/Todos에서 임포트하는 과정에 문제가 있는 것으로 보입니다. 이 문제의 원인은 대부분 두 가지 중 하나입니다.
./todos/Todos.js파일이Todos컴포넌트를 default export 하고 있지 않습니다. 만약Todos컴포넌트를 다음과 같이 export 하고 있다면:
export class Todos extends Component { ... }
이 경우, App.js에서 import Todos from './todos/Todos'; 대신 아래와 같이 수정해야 합니다:
import { Todos } from './todos/Todos';
- 혹은,
Todos컴포넌트를 default로 export 하려면,./todos/Todos.js에서 다음과 같이 수정해야 합니다:
export default class Todos extends Component { ... }
또는 함수형 컴포넌트의 경우:
const Todos = () => { ... }
export default Todos;
추가적으로, babel-preset-react-app 관련해서는, 비공개 속성 문법을 사용하려면 @babel/plugin-proposal-private-property-in-object 패키지가 devDependencies에 추가되어 있어야 할 것입니다. 이는 보통 프로젝트의 package.json 파일에 추가하는 것으로 해결할 수 있습니다.
에러 해결에 도움이 되길 바랍니다! 문제가 계속된다면 ./todos/Todos.js 파일의 코드 역시 체크해보시는 것이 좋겠습니다.