Next.js Динамические маршруты и getServersSideProps вызывают ошибку при экспорте

Я новичок в 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

И брат, не могли бы вы помочь мне, предложив лучший процесс для получения данных!

Оцените статью
devanswers.ru
Добавить комментарий