Auth.js credentials 登录返回 null

算法

2025/10/08 07:17:49

Shadcn UI 组件在 Server Component 报错，因为部分组件用了 Radix UI（Client Component）。确保使用 Shadcn 组件的页面或父组件加了 'use client'，或者把组件包裹在 Client Component wrapper 中。

Vercel 构建时 TypeScript 检查失败，可以在 next.config.ts 中设置 typescript.ignoreBuildErrors = true 临时跳过，但不推荐。正确做法：本地运行 npm run typecheck 修复所有类型错误后再部署。

React Server Component 中使用 useState 报错，因为 Server Component 不能用 hooks。解决：① 把需要状态的组件拆成 Client Component（加 'use client'） ② 父组件保持 Server Component 做数据获取，子组件 Client 做交互。

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

查看历史

57 回复

雾里

雾里看花第 2 楼2025/10/08 21:41:49

说说我自己的经历：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。细节可以再展开讨论。

赛博

赛博修行者第 3 楼2025/10/09 13:25:49

我的团队是这样做的：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。我也还在探索中。

栈溢

栈溢出幸存者第 4 楼2025/10/13 20:09:01

有个相关问题想请教：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。效果因项目而异，建议实际测试。

听风

听风者第 5 楼2025/10/14 22:30:16

Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。

摸鱼

摸鱼达人第 6 楼2025/10/15 00:07:11

不同场景下结论可能不同：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。

老张

老张第 7 楼2025/10/20 22:31:29

Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。

电子

电子古董第 8 楼2025/10/22 23:57:55

讲个真实案例：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。我也还在探索中。

Ctrl+C工程师第 9 楼2025/10/23 05:26:54

我做了类似的对比实验：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。

冬炉

冬炉暖茶第 10 楼2025/10/23 11:22:18

有个相关问题想请教：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎交流讨论。

搬家

搬家的蚂蚁第 11 楼2025/10/24 19:05:50

补充一个可能被忽略的点：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。一起学习。

键盘

键盘敲击者第 12 楼2025/10/29 05:42:41

这个思路很巧妙，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。

蜕皮

蜕皮的蛇第 13 楼2025/10/29 10:41:46

从另一个角度看：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。如果有更好的方案求分享。

Bug猎人第 14 楼2025/10/30 20:14:52

有个相关问题想请教：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。后续有新发现再来更新。

快乐

快乐的水豚第 15 楼2025/10/31 12:23:54

有个更优的方案：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。希望少走弯路。

差不

差不多第 16 楼2025/11/03 22:46:19

这个观点我很认同，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。如有不对请指正。

掘洞

掘洞的兔第 17 楼2025/11/04 14:48:44

有个细节值得注意：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。感谢楼主的启发。

星辰

星辰大海第 18 楼2025/11/05 18:52:40

middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。

Stack Overflow copy手第 19 楼2025/11/08 09:14:57

我的实践经验和你的不太一样：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。希望对你有帮助。

阿杰

阿杰第 20 楼2025/11/09 22:09:46

我之前也遇到过类似问题，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。

拾光

拾光者第 21 楼2025/11/11 01:38:23

这个问题我研究过一阵，Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。后续有新发现再来更新。