错误：动态 SSG 页面需要 getStaticPaths，“/blogs/[post]”缺少 getStaticPaths

编程问答 2022-05-04

问题描述

我尝试npm run build。

发生构建错误 错误：动态 SSG 页面需要 getStaticPaths，“/blogs/[post]”缺少 getStaticPaths。

我的代码：

function post (props){
   console.log(props);
   return(
       <div>
           test
       </div>
   )
}
export const getStaticProps = async(post)=>{
   const blogPost =  await axios({
       method: 'get',url: `api url=${post}`});

   return{
       props:{params:blogPost}
   }
}

export default withRouter(post);

解决方法

查看 getStaticPaths 上的文档。你可以在那里找到一个很好的例子。

您的 /blogs/[post] 需要您帖子的所有可能路径，以了解接下来应该构建多少个帖子。因此，在 [post] 中，您需要实现 getStaticPaths 来获取您帖子的所有 slug

javascriptreactjsreactjsssg