Next js - 无法使用 apollo 客户端 api 生成动态 getStaticPaths

Question

我不想使用Apollo graphql客户端在next.js中为SSG导出生成我的帖子的slugs列表。这是我的代码：

import { gql } from "@apollo/client";
import client from "../../graphql/apollo-client";
import { BLOG_POSTS, POST_DATA } from "../../graphql/apollo-queries";

export async function getStaticPaths() {
const { loading, error, data } = await client.query({ query: BLOG_POSTS });
const peths = data.posts.nodes.map((post) => ({
params: { slug: post.slug },
}));
return {
paths: peths || [],
fallback: true,
};
}

export async function getStaticProps({ params }) {
const { data } = await client.query({
query: POST_DATA,
variables: { id: params.slug, idType: "SLUG" },
});
return {
props: {
post: data.post,
},
};
}
export default function BlogSlug({ post }) {
return (
<h1>{post.title}</h1>
)
}

当我使用在开发模式下启动下一个应用程序的npm run dev时，这是正确的，但当我想要运行next build && next export时，似乎API不工作，data返回undefined，因此，不会生成页面，它会抛出一个错误，说TypeError: Cannot read property 'title' of undefined

Answer 1

将fallback: true更改为fallback: false解决了问题。

来自Next.js网站(https://nextjs.org/docs/messages/prerender-error)：

如果在getStaticPaths。