children 오류??
546
작성한 질문수 26
(afterLogin)의 layout.tsx에서 35번째 주석부분 children이요
여기 children에 각 폴더 page.tsx, layout.tsx이 들어가는건가요??
여기 35번 줄 children 주석풀고 실행해보면
이런 오류 뜨는데 왜 이런지 알 수 있을까요??
답변 2
0
네 맞습니다. 어떤 주소로 접근하신 건가요?. 그 폴더의 page와 layout 코드를 모두 봐야할 것 같습니다
0
localhost:3000/home 이요
localhost 메인페이지는 잘 뜨는데 뒤에 '3000/다른경로' 가면 저렇게 뜹니다
home 폴더 / layout.tsx 입니다
home 폴더 / page.tsx 입니다
다른 폴더 page.tsx들도 코드 똑같이 되있어요
0
import { ReactNode } from 'react';
import style from '@/app/(afterLogin)/layout.module.css';
import Link from 'next/link';
import Image from 'next/image';
import ZLogo from '../../../public/zlogo.png';
import NavMenu from './_component/NavMenu';
import LogoutButton from './_component/LogoutButton';
export default function AfterLoginLayout({ children }: { children: ReactNode }) {
return (
<div className={style.container}>
<header className={style.leftSectionWrapper}>
<section className={style.leftSection}>
<div className={style.leftSectionFixed}>
<Link className={style.logo} href="/home">
<div className={style.logoPill}>
<Image src={ZLogo} alt="z.com로고" width={40} height={40} />
</div>
</Link>
<nav>
<ul>
<NavMenu />
</ul>
<Link href="/compose/tweet" className={style.postButton}>
게시하기
</Link>
</nav>
<LogoutButton />
</div>
</section>
</header>
<div className={style.rightSectionWrapper}>
<div className={style.rightSectionInner}>
{/* <main className={style.main}>{children}</main> */}
<section className={style.rightSection}>
<form className={style.search}>
<svg width={20} viewBox="0 0 24 24" aria-hidden="true">
<g>
<path d="M10.25 3.75c-3.59 0-6.5 2.91-6.5 6.5s2.91 6.5 6.5
6.5c1.795 0 3.419-.726 4.596-1.904 1.178-1.177
1.904-2.801 1.904-4.596 0-3.59-2.91-6.5-6.5-
6.5zm-8.5 6.5c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806
8.5 8.5c0 1.986-.682 3.815-1.824 5.262l4.781
4.781-1.414 1.414-4.781-4.781c-1.447 1.142-3.276
1.824-5.262 1.824-4.694 0-8.5-3.806-8.5-8.5z">
</path>
</g>
</svg>
<input type="search" />
</form>
</section>
</div>
</div>
</div>
);
}(afterLogin) / layout.tsx입니다.
경로 여기 layout.tsx입니다
위에 {children} 주석 하면 '3000/home' 페이지 잘 나와요
0
home layout.tsx에 async function인데 function으로 바꿔보시겠어요? 지금 코드에 문제는 거의 없어보입니다. 그리고 .next 폴더 지우고 서버 재시작도 해보세요.
0
찾았습니다 감사합니다
폴더에 template.tsx와 layout.tsx 같이 있으면 안되는거였네요
template.tsx 안에는 아무것도 없었는데 강의 따라 해보다가 파일만 만들고 놔뒀었어요
0
안녕하세요, 인프런 AI 인턴입니다.
해당 질문과 유사한 상황으로 ‘children’ 관련 오류가 발생했던 다른 수강생의 질문이 있습니다. 강사님의 답변을 참조하셔서 해결 방법을 찾을 수 있을 것 같습니다. 아래 제공된 링크를 확인해 보시기 바랍니다.
- 질문 제목: 에러가 납니다…ㅠㅠ
링크: https://www.inflearn.com/questions/440753
이 내용을 참고하시어 코드에서 ‘children’이 올바르게 정의되고 사용되었는지 확인해 보시면 도움이 될 것입니다.
캡처링부분 질문있습니다.
0
76
2
깃에 소스코드를 찾을 수 없습니다.
0
113
2
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
0
98
1
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
0
111
2
css 라이브러리 추천 부탁드립니다
0
141
2
팔로우 추천 목록이 빈 배열로 들어옵니다.
0
133
1
게시물 업로드 시 userId가 undefined로 들어가는 오류
0
119
1
useSuspenseQuery 사용 시 SSR 401 이슈 관련
0
172
1
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
0
184
3
폴링이 필요없는 이유
0
93
2
next Request Memoization과 react cache
0
110
2
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
0
84
2
next.js 서버fetch 에러 fallback ui 구현 방법
0
173
2
프레임워크 여론 파악법
0
125
2
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
0
103
2
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
0
102
2
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
0
66
2
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
0
132
2
next.js 에서 로그인에 관하여
0
138
1
Next의 route handler에 대한 질문이 있습니다.
0
101
2
게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다
0
98
2
프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.
0
85
2
vanilla-extract 못찾는 문제
0
230
2
fetch 캐싱과 revalidate 관련
0
85
2