Tailwind每次编译均生成错误类，修正删除代码后仍未解决怎么办？

你遇到的问题是Tailwind缓存或扫描范围异常导致的，可按以下步骤排查修复：

• 第一步清空编译缓存
  Tailwind默认会缓存扫描到的类名，修改代码后缓存没有自动更新就会出现已删除的类依然被识别的问题，根据你使用的框架执行对应操作即可：
  • Vite 项目：删除根目录下 node_modules/.vite 缓存文件夹，重启开发服务
  • Next.js 项目：删除 .next 缓存文件夹后重启服务
  • Webpack 类项目：删除 dist 目录和 node_modules/.cache 目录后重新编译
• 第二步全局搜索错误类
  用编辑器全局搜索整个项目的 max-w-[412px]mb-[36px] 字符串，Tailwind 会扫描所有在content配置范围内的文件内容，包括注释、临时文件、日志文件里的类名字符串都会被识别，确认所有文件里都没有残留这个错误类
• 第三步调整Tailwind配置的扫描范围
  检查你的tailwind.config.js里的content字段，不要配置过泛的扫描范围（比如./**/*），否则会命中node_modules、缓存文件夹里的内容，建议仅配置你的源码目录，比如./src/**/*.{html,js,ts,jsx,tsx,vue}
• 第四步重新安装依赖
  如果以上步骤都无效，删除node_modules文件夹和包管理工具的锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml），重新执行安装命令后再启动服务

内容的提问来源于stack exchange，提问作者Vasil Kostadinov