tailwind 踩坑記

這，是taro官網地址：taro引入tailwind的教程

我完全按照上面的步驟來，結果根本無效（文檔太過時了）

---

我后來又按照 weapp-tailwindcss 的官方文檔做了一番修正：
weapp-tailwindcss Taro (所有框架)

結果還是報錯

---

最后的解決方案：
先

npm install @tailwindcss/postcss

再把 /config/index 里的

import tailwindcss from "tailwindcss";

改為

import tailwindcss from "@tailwindcss/postcss";

最后終于能用了，最后附上我的版本信息和附修復后的 模板源碼地址，下載下來后可以直接使用：

> taro info
� Taro v4.1.5Taro CLI 4.1.5 environment info:System:OS: Windows 11 10.0.26100Binaries:Node: 22.17.1 - C:\nvm4w\nodejs\node.EXEnpm: 10.9.2 - C:\nvm4w\nodejs\npm.CMDnpmPackages:@tarojs/cli: 4.1.5 => 4.1.5@tarojs/components: 4.1.5 => 4.1.5@tarojs/helper: 4.1.5 => 4.1.5@tarojs/plugin-framework-vue3: 4.1.5 => 4.1.5@tarojs/plugin-html: 4.1.5 => 4.1.5@tarojs/plugin-platform-alipay: 4.1.5 => 4.1.5@tarojs/plugin-platform-h5: 4.1.5 => 4.1.5@tarojs/plugin-platform-jd: 4.1.5 => 4.1.5@tarojs/plugin-platform-qq: 4.1.5 => 4.1.5@tarojs/plugin-platform-swan: 4.1.5 => 4.1.5@tarojs/plugin-platform-tt: 4.1.5 => 4.1.5@tarojs/plugin-platform-weapp: 4.1.5 => 4.1.5@tarojs/runtime: 4.1.5 => 4.1.5@tarojs/shared: 4.1.5 => 4.1.5@tarojs/taro: 4.1.5 => 4.1.5@tarojs/vite-runner: 4.1.5 => 4.1.5babel-preset-taro: 4.1.5 => 4.1.5eslint-config-taro: 4.1.5 => 4.1.5

修復后終于可用的的模板源碼地址：taro+vue3+vite+tailwind+pinia