×
뎁스노트
로그인
홈
언어
프레임워크
개발도구
네크워크와 서버
데이터베이스
프로젝트 관리
데이터 사이언스
이야기
모집 · 홍보
글쓰기
블로그 쓰기
개발 노트, 이야기를 작성해보세요.
질문하기
부담없이 무엇이든 질문하세요.
로그인
회원가입
TypeScript
Next.js에서 app폴더를 page폴더로 변경하니
Next.js
뎁스_2860
1년 전
팔로우
팔로잉
다른 사람의 코드를 따라 작성하려고 프로젝트를 따로 생성해서 app디렉토리를 pages 디렉토리로 변경하니 아래 에러가 나옵니다 혹시 에러가 나오는 이유를 알 수 있을까요? ✓ Ready in 3.5s ○ Compiling /_error ... ✓ Compiled /_error in 683ms (186 modules) ⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload ⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload ⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload 편집 중인 파일에는 React 구성 요소 외에 다른 내보내기가 있을 수 있습니다. React 구성 요소는 익명 함수입니다. textField구성 요소 이름은 PascalCase가 아닌 camelCase로 되어 있습니다 TextField.
0
0
1
142
신고하기
사용자 차단하기
뎁스_2860
1년 전
팔로우
팔로잉
댓글
1
올리기
답변 작성
답변 모드로 쓰기
이미지 첨부
올리기
닥터핸
app 디렉토리(App Router)는 pages와 구조 및 기능이 다르기 때문에 그대로 사용하면 에러가 발생합니다.
해결 방법은,
layout.tsx → _app.tsx로 변경
page.tsx → index.tsx로 변경
컴포넌트 이름은 PascalCase 사용 (예: TextField)
export default로 React 컴포넌트만 내보내기
4개월 전
∙
0
∙
답글 달기
∙
공유
∙
신고
∙
차단
1
0
0
1
신고하기
사용자 차단하기
app 디렉토리(App Router)는 pages와 구조 및 기능이 다르기 때문에 그대로 사용하면 에러가 발생합니다.
해결 방법은,