跳到主内容

next/image 图片显示模糊或变形

落日余晖506 浏览
落日
落日余晖楼主
Next.js Server Action 返回 undefined，可能是 Action 函数没有 return 值，或 return 的对象结构不对。Server Action 应该返回 { success: boolean, data?: T, error?: string } 格式。

Vercel 部署后 CSS 丢失，常见原因：① Tailwind content 路径没包含组件目录 ② CSS 被 PurgeCSS 误删 ③ 生产构建时 PostCSS 配置问题 ④ 部分样式只在 Client Component 中生效但被服务端渲染时缺失。

Tailwind v4 升级后样式失效，大版本升级有 breaking changes。检查：① tailwind.config.ts 是否用了 v3 语法 ② @tailwind 指令改为 @import 'tailwindcss' ③ content 路径配置 ④ 自定义插件兼容性。建议看官方迁移指南。

Auth.js 5 signIn redirect:false 返回 { error, ok, status, url }。判断成功：!result.error && result.ok。注意 result.url 可能含 ?error= 参数，用 redirectTo 显式指定避免误判。

Vercel Hobby 计划函数超时 10s，Pro 计划 60s，Enterprise 900s。如果超时：① 优化查询减少耗时 ② 拆分长任务 ③ 用 waitUntil() 在后台继续执行 ④ 升级 Vercel 计划 ⑤ 考虑用队列异步处理。
查看历史

39 回复

  1. 刚刚
    刚刚好第 2 楼
    Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。
  2. YU
    Yusuf Al-Amin第 3 楼
    这个问题我研究过一阵，Server Action 提交后不跳转，用 window.location.href 替代 router.push。仅供参考，具体还是要看你的场景。
  3. 内卷
    内卷幸存者第 4 楼
    我的项目里也用了这个方案，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。共同进步。
  4. TA
    Tan Wei Ming第 5 楼
    这个问题我研究过一阵，cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。感谢楼主的启发。
  5. 搬家
    搬家的蚂蚁第 6 楼
    上周刚好踩了这个坑，Server Action 提交后不跳转，用 window.location.href 替代 router.push。希望少走弯路。
  6. 摸鱼
    摸鱼达人第 7 楼
    Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。
  7. 顾北
    顾北辰第 8 楼
    有个更优的方案：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。共同进步。
  8. 苏晚
    苏晚晴第 9 楼
    实操中我发现：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。后续有新发现再来更新。
  9. 发呆
    发呆的仓鼠第 10 楼
    有个更优的方案：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。感谢楼主的启发。
  10. 林间
    林间晨露第 11 楼
    说个反直觉的发现：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。希望对你有帮助。
  11. NO
    Noor Abdallah第 12 楼
    我做了类似的对比实验：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。我也还在探索中。
  12. EM
    Emma Lindqvist第 13 楼
    说说我自己的经历：Server Action 提交后不跳转，用 window.location.href 替代 router.push。仅供参考，具体还是要看你的场景。
  13. NG
    Nguyen Minh Anh第 14 楼
    分享一下我的做法：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。欢迎私信深入交流。
  14. CT
    Ctrl+C工程师第 15 楼
    这个方案我试过，Server Action 提交后不跳转，用 window.location.href 替代 router.push。这只是个人经验，不一定通用。
  15. 蜕皮
    蜕皮的蛇第 16 楼
    我做了类似的对比实验：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。期待更多实战经验分享。
  16. 社恐
    社恐患者第 17 楼
    我的结论恰恰相反：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。我也还在探索中。
  17. 熬夜
    熬夜的猫头鹰第 18 楼
    结合我最近的项目经验：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。欢迎私信深入交流。
  18. 不将
    不将就第 19 楼
    我的团队是这样做的：Server Action 提交后不跳转，用 window.location.href 替代 router.push。欢迎私信深入交流。
  19. 掘洞
    掘洞的兔第 20 楼
    补充一个边界情况：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。希望对你有帮助。
  20. 无所
    无所谓第 21 楼
    从另一个角度看：Server Action 提交后不跳转，用 window.location.href 替代 router.push。细节可以再展开讨论。
登录后可回复
    数据正在加载中…