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

Author Avatar
Administrator
发表:2025-02-13 17:31:17
修改:2025-02-20 00:41:08

省流:使用V3

使用一下命令安装tailwindcss v3

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

使用V4

如果不希望使用v3,希望使用最新版本,可以按照外网的文档进行操作,文档地址:https://tailwindcss.com/docs/installation/using-vite

根本原因

如果我没猜错的话,你访问的tailwindcss文档网址是cn网址,看到的内容是这个:https://www.tailwindcss.cn/docs/installation

但是如果你留意到左上角的版本,就明白cn文档网址的版本是v3,如果你安装时没有指定版本为v3,则会自动安装最新的v4版本

image.png

在v4中使用v3的命令,那自然会报错

如果你使用nuxt进行开发,我还是建议使用v3,因为在生产环境,v4的部分样式会不生效

相关讨论链接

github issue链接:https://github.com/tailwindlabs/tailwindcss/discussions/15820

评论