踩坑现场 💥
$ npx tailwindcss init -p
npm ERR! could not determine executable to run
惊天发现 🔍
❗ 真相:Tailwind官方已更新v4.x,但中文文档仍停留在v3.x!
双版本救命方案 🚑
方案一:v3.x保守派(适合赶进度)
指定3.x版本,后续配置不变
npm install -D tailwindcss@3 postcss autoprefixer
✅ 优点:完全匹配中文文档
⚠️ 警告:无法体验v4.x新特性
方案二:v4.x尝鲜派(推荐勇士选择)
安装新版本
npm install tailwindcss @tailwindcss/vite
添加引入css
@import "tailwindcss";
配置vite.config.ts
import tailwindcss from '@tailwindcss/vite' // 👈 新增依赖
export default defineConfig({
plugins: [tailwindcss()] // 👈 注入插件
})
防失联指南 📌
官方最新文档验证方式:
- 访问 https://tailwindcss.com
- 查看版本号
- 中文网需确认最后更新时间