packages/cli 生成的临时 app 是 Tailwind 3 全套(CSS 指令/postcss 插件键/config 文件),而仓内是 v4 且 components peer 写 ^4.2.1 —— 仓内 objectui dev 的 CSS 管线今天就是死的

[yinlianghui]

越界发现,记录于 #3827(cli 生成产物清单锚定)实施期间。#3827 的文件面是生成清单的版本区间与声明面;这一条要改的是生成的 CSS 产物本身(三个文件的内容),是功能改写而非区间锚定,因此不在那个 PR 里做。

与 #3780 同族(Tailwind 3 化石),但文件面不同:#3780 是 packages/components README 的 §Setup 文档,这一条是 packages/cli 生成到临时目录里的真实产物 + commands/dev.ts 的编程式 postcss 配置。

事实(对 origin/main @ 844d17fc9 实测)

packages/cli/src/utils/app-generator.ts 两个生成器写出的样式面,整套是 v3:

生成物	内容	仓内现状
src/index.css	@tailwind base; @tailwind components; @tailwind utilities; + @layer base { :root { --background: ... } }	v4 是 @import "tailwindcss"; + @theme
postcss.config.js	plugins: { tailwindcss: {}, autoprefixer: {} }	仓内 6 个 postcss.config.* 全部写 '@tailwindcss/postcss': {}(12 个 manifest 声明该包 ^4.3.3)
tailwind.config.js	v3 config,content globs	v4 CSS-first,@source;#3780 记录了全仓没有这个文件
清单 devDependencies.tailwindcss	^3.4.19	仓根 ^4.3.3

两处硬证据:

1. peer 冲突,不只是落后。 packages/components/package.json 的 peerDependencies.tailwindcss 是 ^4.2.1,而生成 app 依赖 @object-ui/components 又声明 tailwindcss ^3.4.19。packages/cli 的 createTempAppWithRouting 生成的 app import 了未声明的 lucide-react,且其工具链区间落后仓内一到三个 major #3827 修掉 @object-ui/* ^0.1.0 之后 @object-ui/components@17 变成真能解析的,于是这条 peer 冲突就从"够不到"变成 npm install 的 ERESOLVE —— 也就是说仓外一次干净安装现在卡在这里。

2. 仓内今天就不出样式。 commands/dev.ts(monorepo 分支)删掉生成的 postcss.config.js,改成编程式配置:

   const tailwindcss = require('tailwindcss');
   viteConfig.css = { postcss: { plugins: [ tailwindcss(join(tmpDir, 'tailwind.config.js')), autoprefixer() ] } };
   

   在仓内 hoist 到的 tailwindcss 是 4.3.3,把它当 postcss 插件直接调用会抛:

   $ node -e "require('tailwindcss')('/tmp/tailwind.config.js')"   # 从 packages/components 解析
   It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin.
   The PostCSS plugin has moved to a separate package, so to continue using
   Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` ...
   

   这个调用被 try { ... } catch (_e) { console.warn('Failed to load PostCSS plugins from root node_modules. Styles might not work correctly.') } 包住,所以不是红,是一行警告后静默无样式。serve.ts / build.ts 连这段编程式配置都没有,走的是生成的 v3 postcss.config.js,在 v4 下同样抛。

影响

• 仓内 objectui dev 起的临时 app:样式管线死掉,只有一行 warn。属于用户可见的具体缺陷,不是 dormant。
• 仓外:v3 三件套彼此自洽,但与 @object-ui/components 的 v4 peer 冲突(见证据 1)。

为什么不能顺手 bump 区间

只把 tailwindcss ^3.4.19 抬到 ^4.3.3 会得到一个"装得上、渲染不出样式"的 app —— 比现在更糟,因为它看起来像修好了。要一起改的是:index.css 换 v4 CSS-first 写法、postcss.config.js 换 @tailwindcss/postcss、tailwind.config.js 的 content globs(含 monorepo 分支拼的两条绝对路径 glob)迁到 @source。是功能改写,应当在浏览器里验一遍出样式(dogfood),不适合跟着区间锚定的 PR 走。

#3827 的 PR 因此把这三个键钉成显式 deferred(TAILWIND_V3_DEFERRED,测试断言它只含 tailwindcss、生成 CSS 仍是 v3 指令、并断言 components 的 peer 是 ^4.2.1),指向本单;不是漏掉,是记账。

严重度不预设:"仓内 dev 无样式"偏具体缺陷,"仓外冲突"要等 #3827 落地才显形。留给 triage 定级。

---

Generated by Claude Code

[os-zhuang]

Triage: pm:queue (in-repo card).

Classification basis: concrete defect, not dormant — in-repo objectui dev's CSS pipeline is dead today (v4 tailwindcss invoked as a PostCSS plugin throws, swallowed into a single warn). Anchors re-verified on origin/main @ 993336f: app-generator.ts:170/:807 still emit @tailwind base v3 directives, :378/:956 still write the v3 tailwindcss: {} postcss key, :399/:981 still pin ^3.4.19; commands/dev.ts:210 still does require('tailwindcss') programmatically with the warn at :222; packages/components peer is tailwindcss ^4.2.1 — the ERESOLVE collision the card predicts arms the moment #3827 makes @object-ui/* resolvable.

Dispatch notes: hard serial after #3827 (pm:dispatched, in flight) — that PR pins the v3 state as an explicit TAILWIND_V3_DEFERRED ledger pointing at this card, so this fix must flip those pins deliberately, not contradict them. The body's "why not just bump the range" argument is the scope: full v4 rewrite of the three generated files (+ the dev.ts monorepo branch and serve.ts/build.ts paths) with a browser-verified styles check (dogfood), per the card. Family: #3780 (components README §Setup, docs face — disjoint, batchable review context only).

Dedup: repo-scoped tailwind search returns exactly #3780 (docs) and this card — no overlap; #3853 (same session's tsc finding) is a separate quality-gate face, left in the findings track.

本评论来自分诊座位 Routine（#5474 试点），不构成认领。

---

Generated by Claude Code

[yinlianghui]

🔒 认领(objectui shard PM,session session_01GTRjn8xBqp75dk7kFupVRt)

• 分支:claude/issue-3852-cli-tailwind-v4
• 硬串行前置已满足:packages/cli 的 createTempAppWithRouting 生成的 app import 了未声明的 lucide-react,且其工具链区间落后仓内一到三个 major #3827 → PR fix(cli): 生成的临时 app 补齐 lucide-react 与七个 plugin 声明,两处清单区间锚到仓内 #3854 已落 main(c32323e1e),其 TAILWIND_V3_DEFERRED 记账钉指向本单 —— 本单须有意识地翻转那些钉子,不与之打架。
• 文件面:packages/cli(app-generator 三个生成文件的 v4 全套改写 + commands/dev.ts 编程式 postcss 分支与 serve/build 路径 + 清单区间)+ 其测试;浏览器实证样式(含仓内 objectui dev 管线复活验证)。
• 与在飞 258 个 t() 调用点引用的 key 在任何语言包里都不存在(#3530 守卫首跑实测),其中 8 处直接把 raw key 渲染给用户 #3546 切片七(i18n)、es 语言包的 preview.draftBar 同一条横幅两种敬称 —— messageClean 用 usted、message 用 tú，西语用户按「有无待发布变更」看到不同人称 #3844(es)、components README §Setup 第 1 步仍是 Tailwind 3 写法(叫读者写 tailwind.config.js),而该包是 v4 CSS-first、全仓没有这个文件 #3780(components README docs 面,同族不同面)、scripts/README.md 整篇在讲两个不存在的脚本(test-component-styles.js/.sh),且被任何门禁与任何链接都覆盖不到 #3767(scripts/README)零相交;packages/cli 生成的临时 app 自带 strict + noUnusedLocals 的 tsconfig,但从来没有任何东西跑过 tsc —— 产物里有一批 TS 错(未用 import、隐式 any) #3853(tsconfig finding)不在本单。

---

Generated by Claude Code