티스토리 뷰
카테고리 없음
NextJs 13 App Router - Error occurred prerendering page. TypeError: fetch failed 에러 이유
YG - 96년생 , 강아지 있음, 개발자 희망 2023. 10. 14. 03:35
에러가 나게 된 과정
MSW와 같이 사용하려는 목적으로 api/route.tsx를 통해 모킹 데이터를 내보내서 SSR(서버 사이드 렌더링)을 시도하였습니다.
Error occurred prerendering page.라는 에러가 나오게 되었고, 많은 인터넷 검색을 통해 이유를 알게 되었습니다
이유
빌드 중에는 Next.js API 경로를 사용할 수 없습니다. 외부 url에서 데이터를 가져오십시오.
해결 방법
api/route.tsx를 통해 MSW와 같이 모킹 하여서 SSR을 할 수 없는 상황이었습니다. 그래서 외부 주소인 개발 서버의 api 주소를 통해 데이터를 가져와 보여주게 되었습니다
app/api/category/route.tsx
import { MOCK_CATEGORY_LIST } from '@mocks/categoryList';
export async function GET() {
return Response.json(MOCK_CATEGORY_LIST);
}
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 초보
- error
- 북클럽
- env
- 위코드
- NextRequest
- createPortal
- 윤성우 열혈C프로그래밍
- 우아한테크코스
- jest
- 아차산
- 프론트앤드
- C언어
- import/order
- javascript
- Storybook
- CLASS
- 노마드코더
- 스토리 북
- WSL2
- 프리온보딩
- TopLayer
- React
- 원티드
- nodejs
- 노개북
- NextApiRequest
- electron
- nextjs
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함