Next14 设置 output: export 导出静态文件引起的错误

问题描述

通过 next.js 写一个纯静态网页 next.config 配置了 output: export

报错信息

is missing "generateStaticParams()" so it cannot be used with "output: export" config

当使用了动态路由文件结构 [id] 正常获取参数时

npm run dev 与 npm run build 均会报错

目前官方尚未修复此bug，在issues里可以看到许多人询问

github.com/vercel/next…

暂时放弃了动态路由的写法 正常从url里获取参数

  import { useSearchParams } from "next/navigation";
  const searchParams = useSearchParams()
  const id = searchParams.get('id');