必须安装PostCSS与Autoprefixer并配置postcss.config.js，否则Tailwind无法自动添加浏览器前缀；执行npm list postcss autoprefixer确认安装，缺失则运行npm install -D postcss autoprefixer，再创建含autoprefixer插件的postcss.config.js文件。
PostCSS插件缺失导致Tailwind CSS无法自动添加浏览器前缀，或运行npm run dev时提示postcss is not defined、autoprefixer is not found等错误，必须补全依赖并正确配置才能让CSS编译正常生效。
确认当前项目是否已安装PostCSS与Autoprefixer
进入 Laravel 项目根目录，执行：npm list postcss autoprefixer。若输出显示empty或MISSING，说明未安装；若只显示postcss@*但无autoprefixer，则仅装了PostCSS主体，缺少关键插件。
这一步不能跳过——Laravel Mix 6+ 默认不再自动注入autoprefixer，即使package.json里有旧版mix，也不代表PostCSS生态完整。
安装PostCSS与Autoprefixer（必须同时安装）
运行以下命令一次性安装两个必需依赖：
立即学习“前端免费学习笔记（深入）”；
npm install -D postcss autoprefixer
【注意：必须加 -D（即--save-dev），否则Mix在构建时无法识别为开发依赖而拒绝加载】
安装完成后，检查node_modules/下是否存在postcss/和autoprefixer/两个文件夹，存在即为成功。
创建或修正postcss.config.js
在项目根目录下新建文件postcss.config.js，内容如下：
module.exports = { plugins: { autoprefixer: { overrideBrowserslist: ['> 1%', 'last 2 versions', 'not dead'] } } };
如果项目中已有该文件，但内容为空、只有module.exports = {}，或插件列表里没写autoprefixer，请直接覆盖为上述内容。
这一步不可省略：Laravel Mix 会主动读取此文件来初始化PostCSS流程，没有它，哪怕装了autoprefixer也不会被调用。
验证Tailwind是否真正生效（可选但关键）
方法一：检查resources/css/app.css是否包含@tailwind三段指令（base / components / utilities）；
方法二：在任意Blade模板中添加<div class="flex items-center justify-between"></div>，运行npm run dev后查看生成的public/css/app.css里是否有display: flex及带-webkit-前缀的justify-content等规则；
方法三：临时在app.css末尾加一行.test{-ms-ime-mode: disabled;}，保存后观察编译输出的CSS是否自动补出input.test{ime-mode:disabled}——若没补出，说明autoprefixer根本没跑。
