postcss 插件顺序错误源于对象写法遍历顺序不稳定，须改用数组声明；tailwindcss 必须在 autoprefixer 前，postcss-modules 和 tailwindcss/nesting 需前置；v4 应弃用 postcss 配置，改用 @tailwindcss/vite 插件。
插件顺序报错不是配置写错了，而是 PostCSS 插件链的执行时序被破坏，导致某个插件在错误阶段访问了未就绪的数据或语法结构。
postcss.config.cjs 用对象写法会随机失效
Node.js ≥15 后，Object.keys() 遍历顺序不再保证稳定，而对象形式的插件声明（如 { tailwindcss: {}, autoprefixer: {} }）依赖这个遍历顺序。你改完配置却没效果，大概率是插件实际执行顺序和你预期不一致。
- 必须改用数组写法：
plugins: [ require('tailwindcss'), require('autoprefixer') ] - 如果用了
postcss-modules，它必须排在tailwindcss之前 -
tailwindcss/nesting必须排在tailwindcss之前，否则&嵌套语法直接报错
tailwindcss 和 autoprefixer 位置颠倒引发连锁问题
Tailwind 输出原始现代 CSS（比如 display: flex），autoprefixer 负责扫描并补 IE 兼容前缀（如 display: -ms-flexbox）。如果 autoprefixer 在 tailwindcss 前执行，它什么也扫不到；反过来，@apply、@layer、hover/focus 变体等可能被截断或忽略。
- 正确顺序：
tailwindcss→autoprefixer - Vite/Next.js/CRA 等框架自带 PostCSS 配置，可能静默覆盖你的
postcss.config.cjs，建议显式加overrideBrowserslist - 构建后部分类消失？先删
.next/cache/postcss/或node_modules/.vite/deps/再试
tailwindcss v4 下继续用 PostCSS 配置反而容易出错
Tailwind CSS v4 已弃用传统 PostCSS 插件接入方式，@tailwindcss/postcss 是个根本不存在的包，官方已承认该提示为误导性错误信息。
- 推荐方案：删掉
postcss.config.cjs，改用@tailwindcss/vite插件 - 若坚持用 PostCSS，
plugins数组里只能放require('tailwindcss')，不能写require('@tailwindcss/postcss') - 运行
npm ls postcss查真实版本，若含postcss@7.x，必须彻底清理重装（包括删node_modules和package-lock.json）
最易被忽略的一点：Vite 项目中改完 postcss.config.cjs 不重启开发服务器，热更新不会重新加载 PostCSS 配置——必须手动 Ctrl+C 再 npm run dev。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
