[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得到这个 object，

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

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

Answer 1

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

将功能移动到页面pages/blog/[slug].js使其工作。