내보내기 중 Next.js 동적 경로 및 getServersSideProps에서 오류 발생

2304 단어
사실 저는 Next.js를 처음 접했고 전에는 한 번도 본 적이 없는 오류에 직면했습니다! getServerSideProps를 사용하여 데이터를 가져오는 다음 프로젝트를 진행 중입니다. 그리고 그것은 동적 경로([id].js)였습니다. 내 호스팅에 작은 프로젝트를 배포하기 위해 빌드 명령을 쳤을 때 문제가 발생했습니다.

이것은 내 다음 [id].js 파일입니다.

import React from 'react'
import Related from './related';

export default function id(props) {
  return (
    <div>
    <div className="card">
        <div className="card-title">{props.data.title}</div>
        <div className="card-body">{props.data.body}</div>
    </div>
    <Related sendData={props.allData}/>
    </div>
  )
}

export const getServerSideProps =async (ctx)=>{
    const {params} = ctx;
    const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${params.id}`)
    const data = await res.json()

    const allRes = await fetch('https://jsonplaceholder.typicode.com/posts/')
    const allData = await allRes.json();
    return{
        props:{
         data, allData
        }
    }
}


그리고 이것은 오류입니다 –

Build error occurred Error: Export encountered errors on following
 paths: /blog/related at C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\export\index.js:395:19 at runMicrotasks () at processTicksAndRejections (node:internal/process/task_queues:96:5) at async Span.traceAsyncFn (C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\trace\trace.js:79:20) at async C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\build\index.js:1094:21 at async Span.traceAsyncFn (C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\trace\trace.js:79:20) at async C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\build\index.js:971:17 at async Span.traceAsyncFn (C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\trace\trace.js:79:20) at async Object.build [as default] (C:\Users\Hridoy\Desktop\demo blog\newapp\node_modules\next\dist\build\index.js:64:29)


github에서 전체 코드를 보고 싶다면 여기 – GitHub Repo

형제님, 데이터 가져오기를 위한 더 나은 프로세스를 제안하여 저를 도와주실 수 있나요?

좋은 웹페이지 즐겨찾기