npx tailwindcss init报错npm error could not determine executable to run

跟着官网的vite构建的vue项目引入tailwindcss教程 Install Tailwind CSS with Vite - TailwindCSS中文文档 | TailwindCSS中文网

在进行到npx tailwindcss init -p这一步时会报错npm error could not determine executable to run

解决方法

给tailwindcss加版本号，用以下命令

npm install -D tailwindcss@3.4.17 postcss autoprefixer
npx tailwindcss init -p

原因分析

对比3.4版本和最新版本的tailwind packge.json文件

会发现最新版本的packge.json文件把bin字段去除了

所以npx找不到可执行文件

这是因为从 Tailwind CSS v4 开始，他们将核心库（即 tailwindcss）和命令行工具（CLI）拆开了