跳到主内容

Zod 校验错误消息不显示在表单上

林间晨露530 浏览
林间
next/font 加载失败,检查:① 字体文件路径是否正确 ② 是否在 root layout 中导入 ③ 变量字体用 variable 选项 ④ 避免在多个 layout 中重复加载同一字体 ⑤ 构建时下载字体需要网络。

Next.js 15 中 next/dynamic + ssr:false 在 Server Component 中不允许。解决:创建一个 'use client' 的包装组件,在包装组件中用 next/dynamic + ssr:false,然后在 Server Component 中导入这个包装组件。

Prisma Json 字段查询,用 prismaToJson 过滤或 $queryRaw 用 PostgreSQL 的 ->> 操作符。Prisma 6 支持直接在 where 中用 path 过滤 Json 字段。

Prisma 多对多关系创建,用 connect 或 create 连接:prisma.user.create({ data: { roles: { connect: [{ id: roleId }] } } })。隐式多对多表 Prisma 自动管理,显式多对多需要自己管理中间表。

Next.js 路由组 layout 中调用 auth() 报错,因为 layout 是所有子页面的公共外壳,async layout 会拖慢导航。解决:layout 保持同步,用客户端组件 + useSession() 读取 session 缓存。
查看历史

9 回复

  1. YU
    Yusuf Al-Amin第 2 楼
    我做了类似的对比实验:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。共同进步。
  2. 需求
    需求翻译机第 3 楼
    反对一下,我的测试结果不是这样:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
  3. CH
    Chloe Bennett第 4 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  4. 云中
    云中漫步第 5 楼
    有个细节值得注意:Server Action 提交后不跳转,用 window.location.href 替代 router.push。希望对你有帮助。
  5. 产品
    产品对立面第 6 楼
    我的团队是这样做的:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎大家补充。
  6. 全栈
    全栈探险家第 7 楼
    补充一个边界情况:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
  7. 月下
    月下独酌第 8 楼
    反对一下,我的测试结果不是这样:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
  8. TR
    Tran Quoc Bao第 9 楼
    这个方案我试过,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。
  9. 迁徙
    迁徙的角马第 10 楼
    从另一个角度看:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。希望少走弯路。
登录后可回复
    数据正在加载中…