根本原因是ssr与客户端水合间样式生成和状态同步断层，主要体现为postcss插件顺序错位（tailwind须在autoprefixer前）、content路径未覆盖动态组件、js驱动方案缺乏loading兜底。
根本不是类写错了，而是服务端吐出的 HTML 里压根没 Tailwind 的 CSS 规则，等客户端 JS 加载、执行、水合完才补上——这中间的空白就是“闪一下”的全部来源。
PostCSS 插件顺序错位导致类名丢失
Tailwind 必须在 autoprefixer 之前运行，否则 @layer、@apply 和动态类（比如 hover:scale-105）可能被截断或忽略。开发时看着正常，build 后部分类直接消失。
- 检查
postcss.config.js中插件顺序是否为：{ 'tailwindcss': {}, 'autoprefixer': {} }，不能颠倒 - 删掉
.next/cache/postcss/目录，否则改完配置也不生效 - CI/CD 中
build前加rm -rf .next/cache/postcss
content 路径未覆盖动态组件
Tailwind 靠扫描 content 字段列出的文件提取类名。漏掉 app/**/*.{ts,tsx} 或 dynamic(() => import('./Chart')) 所在路径，新写的 className="dark:bg-gray-800" 在 build 后就找不到对应 CSS 规则。
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- Next.js App Router 下，
app/和pages/需显式分开写进content - 动态导入组件的路径也得出现在
content里 - 用
npx tailwindcss --watch手动验证能否提取到新增类名
JS 驱动方案缺乏 loading 兜底
如果用 CDN 引入 Tailwind，或通过 tailwindcss-jit 等 JS 驱动方式加载，页面初始必然无样式。不能指望 JS 加载完再渲染，得主动压制 FOUC。
- CSS 中写
.loading body { visibility: hidden; }，避免display: none干扰 SEO - JS 里用
window.addEventListener('load', () => document.documentElement.classList.remove('loading')) - 务必加 3 秒超时兜底：
setTimeout(() => document.documentElement.classList.remove('loading'), 3000)
最麻烦的不是单点故障，而是 PostCSS 顺序错、content 漏扫、JS 注入延迟三者共存——现象完全一样，都是“闪一下”，但根因不同。先清缓存、再验 content、最后看 JS 注入时机，别跳步。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
