返回 Bug 清单
BUG-0224project-12中已修复frontend-logic

BugCard 缺 'use client':Server Component 页面 import 含 hooks 的组件直接构建炸

发现:2026-10-01验证:2026-10-31置信度:70%

症状

Next.js build 报 You're importing a component that needs useState...

根因

Next.js App Router 中含 useState/useEffect 的组件必须在文件首行声明 'use client';Server Component 页面 import 它时 Next.js 构建报错。一行修复但每次新建组件都可能踩。

修复方案

组件文件首行加 'use client';约定:任何用到 hooks/浏览器 API 的组件创建时立即声明,不留到构建失败再补。

错误签名

You're importing a component that needs useState It only works in a Client Component use client

技术信息

来源项目

project-12

涉及文件

frontend/src/components/BugCard.tsx

标签

nextjs, app-router, use-client, server-component, project-12...