나는왜사는가

작성한 질문수 1

0

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

나는왜사는가님, 리액트 초보이신가요? 걱정마세요! 에러 메시지에 따르면 Todos 컴포넌트를 ./todos/Todos에서 임포트하는 과정에 문제가 있는 것으로 보입니다. 이 문제의 원인은 대부분 두 가지 중 하나입니다.

1. ./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';

2. 혹은, 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 파일의 코드 역시 체크해보시는 것이 좋겠습니다.