Я новичок в Next.js и столкнулся с такой ошибкой, с которой раньше никогда не сталкивался! Я делаю свой следующий проект, в котором я использую getServerSideProps для получения данных. И это был динамический маршрут ([id].js) Проблема возникает, когда я нажимаю команду build для развертывания крошечного проекта на моем хостинге.
Вот мой следующий файл [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:UsersHridoyDesktopdemo blognewappnode_modulesnextdistexportindex.js:395:19 at runMicrotasks () at processTicksAndRejections (node:internal/process/task_queues:96:5) at async Span.traceAsyncFn (C:UsersHridoyDesktopdemo blognewappnode_modulesnextdisttracetrace.js:79:20) at async C:UsersHridoyDesktopdemo blognewappnode_modulesnextdistbuildindex.js:1094:21 at async Span.traceAsyncFn (C:UsersHridoyDesktopdemo blognewappnode_modulesnextdisttracetrace.js:79:20) at async C:UsersHridoyDesktopdemo blognewappnode_modulesnextdistbuildindex.js:971:17 at async Span.traceAsyncFn (C:UsersHridoyDesktopdemo blognewappnode_modulesnextdisttracetrace.js:79:20) at async Object.build [as default] (C:UsersHridoyDesktopdemo blognewappnode_modulesnextdistbuildindex.js:64:29)
Если вы хотите посмотреть полный код на github, то это здесь — GitHub Repo
И брат, не могли бы вы помочь мне, предложив лучший процесс для получения данных!