Next.js 14.2.4generateStaticParams 抛出错误

Question

这是/[work]/page.js

export function generateStaticParams() {
  return [
    { id: "work-1" }
    { id: "work-2" }
    { id: "work-3" }
  ]:
}

export default function WorkPage({ params }) {
  const { id } = params;
  ...

这是我的nexjs.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: "export",
  reactStrictMode: true,
  images: { unoptimized: true },
};

export default nextConfig;

我收到此错误消息：

错误：页面“/[work]/page”在“generateStaticParams()”中缺少参数“/work-1”，这是“output：export”配置所必需的。

Answer 1

您的代码似乎存在一些问题。

generateStaticParams()

返回的数组在对象之间缺少逗号，并且

next.config.mjs

文件是正确的。这是代码的更正版本：

/pages/[工作]/page.js

export function generateStaticParams() {
  return [
    { id: "work-1" },
    { id: "work-2" },
    { id: "work-3" }
  ];
}

export default function WorkPage({ params }) {
  const { id } = params;
  // Your component logic here
}

next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: "export",
  reactStrictMode: true,
  images: { unoptimized: true },
};

export default nextConfig;

确保用逗号分隔

generateStaticParams

返回的数组中的每个对象。这应该可以解决您遇到的错误。