[nextjs]：getStaticProps在开发过程中缺少参数键

Question

export const getStaticPaths = async () => {
   return {
      paths: [
         { params: { slug: 'article-1' } },
         { params: { slug: 'article-2' } },
      ],
      fallback: false,
   }
}

export const getStaticProps = async ({ params }) => {
   // params is undefined
   return {
      props: { slug: '' },
   }
}

getStaticProps获取这个对象，

{ locales: undefined, locale: undefined, defaultLocale: undefined }

并且缺少params键。getStaticPaths必须传递参数，但是由于某种原因，getStaticProps没有参数。

Answer 1

找出错误，这两个函数应该是在ex的动态路由中调用的。在我的例子中是[slug].js。我在pages/blog/index.js文件中调用了它们，因为它不是动态路由，所以没有传递参数。

将函数移至pages/blog/[slug].js页可以使其正常工作。