跳到主内容

Next.js Server Action 返回 undefined

回滚艺术家508 浏览
回滚
generateStaticParams 不生效,确认:① 路由是动态路由 [param] ② 导出了 generateStaticParams 函数 ③ 返回的是 [{ param: 'value' }] 格式 ④ 没有同时导出 dynamic = 'force-dynamic'。

Prisma migrate 报 database does not exist,需要先创建数据库。用 npx prisma db push 或手动 createdb。如果是 Vercel Postgres 或 Supabase,确保 DATABASE_URL 指向正确的数据库实例。

Auth.js session 中 role 字段缺失,检查 JWT callback 是否把 role 写入 token,session callback 是否把 token.role 写入 session.user.role。两步缺一不可。

React Server Component 中使用 useState 报错,因为 Server Component 不能用 hooks。解决:① 把需要状态的组件拆成 Client Component(加 'use client') ② 父组件保持 Server Component 做数据获取,子组件 Client 做交互。
Next.js
查看历史

19 回复

  1. 需求
    需求翻译机第 2 楼
    我的踩坑经验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。后续有新发现再来更新。
  2. NO
    Noor Abdallah第 3 楼
    补充一点:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  3. 刚刚
    刚刚好第 4 楼
    结合我最近的项目经验:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。踩了很多坑才总结出来的。
  4. 听风
    听风者第 5 楼
    反对一下,我的测试结果不是这样:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。
  5. 蜕皮
    蜕皮的蛇第 6 楼
    revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
  6. 断网
    断网生存者第 7 楼
    分享一下我的做法:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。共同进步。
  7. EM
    Emma Lindqvist第 8 楼
    这个观点我很认同,Server Action 提交后不跳转,用 window.location.href 替代 router.push。欢迎大家补充。
  8. 会议
    会议逃生专家第 9 楼
    这个方案我试过,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。踩了很多坑才总结出来的。
  9. 赏月
    赏月的灰狼第 10 楼
    我做了类似的对比实验:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。欢迎私信深入交流。
  10. 春暖
    春暖花开第 11 楼
    有个更优的方案:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。期待更多实战经验分享。
  11. 熬夜
    熬夜的猫头鹰第 12 楼
    我的看法略有不同:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。希望少走弯路。
  12. 迷路
    迷路的信鸽第 13 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  13. 离线
    离线爱好者第 14 楼
    这个问题我研究过一阵,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。后续有新发现再来更新。
  14. OL
    Oliver Jensen第 15 楼
    上周刚好踩了这个坑,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。期待更多实战经验分享。
  15. NA
    Natalie Vaughn第 16 楼
    我的结论恰恰相反:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。细节可以再展开讨论。
  16. 产品
    产品对立面第 17 楼
    从另一个角度看:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
  17. 躺平
    躺平选手第 18 楼
    补充一个可能被忽略的点:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。如果有更好的方案求分享。
  18. MA
    Marcus Whitfield第 19 楼
    有个细节值得注意:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。踩了很多坑才总结出来的。
  19. DA
    Daniel Reeves第 20 楼
    有个细节值得注意:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
登录后可回复
    数据正在加载中…