reactjs - 错误 : getStaticPaths is required for dynamic SSG pages and is missing for "xxx". NextJS

Question

我收到此错误 "Error: getStaticPaths is required for dynamic SSG pages and is missing for 'xxx'"当我尝试在 NextJS 中创建我的页面时。
我不想在构建时生成任何静态页面。那么为什么我需要创建一个 'getStaticPaths'功能？

Answer 1

如果您正在创建动态页面，例如:product/[slug].tsx那么即使您不想在构建时创建任何页面，您也需要创建一个 getStaticPaths设置 fallback 的方法属性并让 NextJS 知道当您尝试获取的页面不存在时该怎么做。

export const getStaticPaths: GetStaticPaths<{ slug: string }> = async () => {

    return {
        paths: [], //indicates that no page needs be created at build time
        fallback: 'blocking' //indicates the type of fallback
    }
}

getStaticPaths主要做两件事:

指示应在构建时创建哪些路径(返回 paths 数组)

指示当某个页面时要做什么，例如:“product/myProduct123”在 NextJS 缓存中不存在(返回 fallback 类型)