Create React App项目安装TailwindCSS执行init命令未生成配置文件

核心问题原因 #

你使用的tailwindcss-cli包已经被官方废弃，旧包不再维护，这是执行异常无法生成tailwind.config.js的主要诱因。 #

分步解决方法 #

• 首先进入你的React项目根目录（必须为包含package.json文件的目录）执行后续操作
• 清理npx本地缓存，避免损坏的缓存包影响执行

npx clear-npx-cache

• 执行官方最新初始化命令，不需要加-cli后缀

npx tailwindcss@latest init

• 如果需要同时生成适配React项目的PostCSS配置，可执行带参数的初始化命令，会同时生成tailwind.config.js和postcss.config.js两个文件

npx tailwindcss init -p

其他排查项 #

• 执行node -v检查本地Node.js版本，Tailwind CSS v3要求Node版本≥14.17.0，版本过低请升级到Node.js LTS版本后重试
• 如果上述命令仍执行失败，可先本地安装依赖后再初始化：

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

你提供的报错截图参考：

内容的提问来源于stack exchange，提问作者Nguyen Tran