NextJS首页pages/index.js能否使用getStaticPaths？运行报错如何解决

报错原因 #

getStaticPaths是仅为动态SSG页面设计的API，只有路由路径带有动态参数的页面（即pages目录下文件名包含[]的文件，比如pages/[category].js、pages/product/[id].js）才能使用该API。首页是固定路径/的静态路由页面，不符合使用要求，因此触发报错。

解决方法 #

直接删除代码里的getStaticPaths相关代码即可，首页静态生成只需要保留getStaticProps就可以正常工作：

// 直接删除以下代码
export const getStaticPaths = async () =>
{
    return { paths: [], fallback: 'blocking' }
}

如果你是希望实现首页的增量静态更新，直接在getStaticProps的返回值中添加revalidate参数即可，不需要用到getStaticPaths，示例如下：

export const getStaticProps = async () =>
{
    const req = await fetch( getResolverData.endpoint )
    const data = await req.json()
    return { 
      props: { data },
      // 按需设置缓存刷新时间，单位为秒
      revalidate: 60 
    }
}

内容的提问来源于stack exchange，提问作者anonym