Estoy trabajando en el proyecto NextJS con TypeScript. Por algunas extrañas razones, no se puede compilar ni para el desarrollo ni para la producción. Falla con un error de tiempo de espera como se muestra en la siguiente traza de error
> Build error occurred Error: Static page generation for /posts/introducing-hapana-v1 is still timing out after 3 attempts. See more info here https://nextjs.org/docs/messages/static-page-generation-timeout at onRestart (/app/node_modules/next/dist/build/index.js:487:31) at Worker.exportPage (/app/node_modules/next/dist/lib/worker.js:49:40) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async /app/node_modules/next/dist/export/index.js:412:32 at async Span.traceAsyncFn (/app/node_modules/next/dist/trace/trace.js:74:20) at async Promise.all (index 3) at async /app/node_modules/next/dist/export/index.js:407:9 at async Span.traceAsyncFn (/app/node_modules/next/dist/trace/trace.js:74:20) at async /app/node_modules/next/dist/build/index.js:987:17
Esta es la página dinámica [slug].tsx
const PostDetailsPage: React.FC<PostDetailsProps> = (props) => { // console.log(post); const { post, posts } = props; if (!post || !posts) return <Loader />; return <Post post={post} posts={posts} />; }; export async function getStaticProps(context: any) { const slug = context.params.slug; const { data: postData } = await getPost(slug); const { data: posts }: DataInterface = await getBlogPosts(1); return { props: { post: postData, posts: posts.results, }, }; } export async function getStaticPaths() { const { data: posts }: DataInterface = await getBlogPosts(1); const slugs = posts.results.map((p) => ({ params: { slug: p.slug } })); return { paths: slugs, fallback: true, }; } export default PostDetailsPage;
export const getBlogPosts = (page: number) => { return http.get(apiEndpoint + `posts/?cats=blog&page=${page}`); };
export const getPost = (postSlug: string) => { return http.get(postUrl("posts/" + postSlug + "/")); };
Tenga en cuenta que http
es solo una función de interceptor axios. ¿Alguien podría ayudarme a resolver este problema?