Taro 使用 Tailwindcss，解决init报错

Taro框架官网对于引入Tailwindcss写的并不准确^[1]，因为在进行init的时候会报错。

起因

使用官网的方法安装：

1
2
3


npm i -D tailwindcss postcss autoprefixer
# 初始化 tailwind.config.js 文件
npx tailwindcss init

在进行第二步的时候，会出现报错：

1
2
3
4



npm ERR! could not determine executable to run
`npm ERR!
A complete log of this run can be found in: C:\Users\Administrator\AppData\Local\npm-cache_logs\2025-07-16T07_09_25_220Z-debug-0.log

分析

打开项目的node_modules，找到tailwindcss，可以发现它的版本是4.1.11，而打开tailwindcss官网，可以看到左上角的版本为3.4.17

仅限国内，国际版貌似支持了4.1版本。

所以只需要将这个版本降下来就行。

解决办法

依次在cmd中运行如下：

1
2
3
4
5


npm uninstall tailwindcss

npm install -D [email protected] postcss autoprefixer

npx tailwindcss init

后边的跟着官网走就行了。

附录

参考

使用 Tailwind CSS | Taro官网

版权信息

本文原载于彩虹兔の博客，遵循 CC BY-NC-SA 4.0 协议，复制请保留原文出处。