跳到主内容

Tailwind v4 中 @apply 不生效

Layla Rahman517 浏览
LA
Layla Rahman楼主
Google OAuth 回调报 OAuthCallback 错误，检查：① GOOGLE_CLIENT_ID/SECRET 是否正确 ② NEXTAUTH_URL 是否与 Google Console 中的回调 URL 一致 ③ redirect URI 是否匹配 ④ 时钟同步问题。

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

revalidateTag vs revalidatePath：revalidateTag 清除特定 tag 的缓存（fetch 时用 next.tags 标记），revalidatePath 清除特定路径的缓存。数据变更后 revalidatePath 更直接，精细控制用 revalidateTag。

Auth.js credentials 登录返回 null，检查：① authorize 函数是否正确返回 user 对象 ② 密码 bcrypt.compare 是否正确 ③ 用户状态是否 active ④ 是否触发了限流 ⑤ email 是否小写化匹配。

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

41 回复

  1. 潜水
    潜水员第 2 楼
    结合我最近的项目经验：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。细节可以再展开讨论。
  2. 内卷
    内卷幸存者第 3 楼
    补充一点：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。实践出真知，建议动手试试。
  3. 林间
    林间晨露第 4 楼
    revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。
  4. NG
    Nguyen Minh Anh第 5 楼
    分享一下我的做法：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。欢迎交流讨论。
  5. 听风
    听风者第 6 楼
    不同场景下结论可能不同：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。如果有更好的方案求分享。
  6. RO
    Ronan Doyle第 7 楼
    上周刚好踩了这个坑，Server Action 提交后不跳转，用 window.location.href 替代 router.push。细节可以再展开讨论。
  7. CH
    Chloe Bennett第 8 楼
    Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。
  8. 老张
    老张第 9 楼
    实操中我发现：Server Action 提交后不跳转，用 window.location.href 替代 router.push。实践出真知，建议动手试试。
  9. 雪夜
    雪夜归人第 10 楼
    补充一个边界情况：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  10. 熬夜
    熬夜的猫头鹰第 11 楼
    hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。
  11. 会议
    会议逃生专家第 12 楼
    有个细节值得注意：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。这只是个人经验，不一定通用。
  12. CT
    Ctrl+C工程师第 13 楼
    我之前也遇到过类似问题，Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。我也还在探索中。
  13. 蜕皮
    蜕皮的蛇第 14 楼
    这个思路很巧妙，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。这只是个人经验，不一定通用。
  14. 社恐
    社恐患者第 15 楼
    有个更优的方案：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。欢迎大家补充。
  15. 春暖
    春暖花开第 16 楼
    我的看法略有不同：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。我也还在探索中。
  16. TR
    Tran Quoc Bao第 17 楼
    我的理解是：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。欢迎私信深入交流。
  17. KA
    Karim Nasser第 18 楼
    说个反直觉的发现：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。
  18. 互联
    互联网遗民第 19 楼
    反对一下，我的测试结果不是这样：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。
  19. 掘洞
    掘洞的兔第 20 楼
    从另一个角度看：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
  20. 秋水
    秋水长天第 21 楼
    补充一个边界情况：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。欢迎大家补充。
登录后可回复
    数据正在加载中…