Tailwind CSS v4+的结构变化

环境配置:

1
Tailwindcss4.1.11 Vite构建 Typescript React

事件:

1
2
3
(.venv) (base) xiaomingfang@xiaomingfangdeMacBook-Air sendme % npx tailwindcss init
npm error could not determine executable to run
npm error A complete log of this run can be found in: /Users/xiaomingfang/.npm/_logs/2025-07-06T07_27_31_169Z-debug-0.log

原因:

Tailwind CSS v4+ 的包结构已经发生重大变化，不再像 v3 那样直接在 .bin 目录下生成可执行文件。这是完全正常的现象，因为 Tailwind CSS v4 采用了新的 CLI 调用方式。建议使用tailwindcss@3.4.0更稳定.

1
2
3
4
(.venv) (base) xiaomingfang@xiaomingfangdeMacBook-Air sendme % npx tailwindcss init -p

Created Tailwind CSS config file: tailwind.config.js
Created PostCSS config file: postcss.config.js