NextJS中generateMetadata无法获取正确params参数问题求助

• 检查路由结构匹配性
  确保页面组件所在的路由目录结构与参数名一致。比如要获取lang和slug，路由需为app/[lang]/[slug]/page.tsx（App Router）。如果路由参数名是[language]或[postSlug]，那params里的对应键也得是language或postSlug，参数名不匹配会直接导致获取不到值。

• 确认使用App Router（NextJS 13+）
  generateMetadata是App Router专属API，Pages Router无法使用该方法获取参数和设置元数据，Pages Router需改用getStaticProps或getServerSideProps实现类似逻辑。

• 规范参数类型定义
  建议导入NextJS官方类型来约束generateMetadata的参数，避免自定义类型导致的解构错误：

  import type { Metadata, GenerateMetadataProps } from 'next';
  
  export async function generateMetadata({ params }: GenerateMetadataProps): Promise<Metadata> {
    const { lang, slug } = params;
    const response = await fetchStrapiPageLayout(slug ?? '/', lang);
    return {
      title: response.seo_title,
      description: response.seo_description,
      keywords: response.seo_keywords,
    };
  }
  

• 确保在动态路由页面中使用
  generateMetadata仅能在带[]的动态路由页面中获取到对应params参数，静态路由页面的params本身为空对象，自然会返回undefined。

• 排查开发环境缓存问题
  NextJS开发环境会缓存页面和元数据，修改路由或参数后可能因缓存未更新导致参数仍为undefined。可尝试：

  • 重启开发服务器
  • 用浏览器隐身模式打开页面
  • 在请求中添加cache: 'no-store'禁用缓存（如果fetchStrapiPageLayout支持配置）

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