문제 상황
next.js 13.4 환경
페이지를 모바일에서도 맞춰 볼 수 있도록 반응형으로 페이지를 구성했다.
404페이지를 보여주는 app/not-found.js를 커스텀으로 구성하기 위하여 코드를 바꾸었지만
PC에서는 내용이 상관없이 적용되긴하나, 모바일에서는 모바일에 맞추어 반응형으로 페이지가 나타나지 않았다. PC에서 보이듯 보인 것이다.
해결방법
app 폴더 아래 동적 라우팅을 위한 폴더 및 페이지를 만들면 기대하는 대로 정상 작동한다.
app/[...not-found]/page.js
import {notFound} from "next/navigation"
export default function NotFoundCatchAll() {
notFound()
return null
}
참조
https://stackoverflow.com/questions/75302340/not-found-page-does-not-work-in-next-js-13
Not-found page does not work in next.js 13
This is the sturcure of my next.js project. And my 404.js page is : 'use client'; export default function NotFound() { return ( <div> <h2>Not Found</h2> ...
stackoverflow.com
'개발 학습일지(TIL)' 카테고리의 다른 글
| TIL : 모달창으로 NextAuth 커스텀 로그인 페이지 전환 속도 개선 (0) | 2023.08.28 |
|---|---|
| TIL : Next.js localStorage를 활용한 배너, 하루 동안 닫기 구현 (0) | 2023.06.08 |
| TIL : Next.js 13 Provider 문제 : 다크모드가 안 되는 이유 (1) | 2023.05.19 |
| TIL : Next.js, useState와 useEffect 이용하여 댓글 실시간 업데이트 (0) | 2023.05.12 |
| TIL : 트러블슈팅, NestJS 인터셉터 사용으로 리팩토링 (유저 로그인 정보에 따른 버튼 처리) (0) | 2023.03.31 |
댓글