我也是看了好多教程，也尝试配置，但都没效过，后来还是根据官网的方法成功了
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
image.png
按照上述安装会报错但不要紧，如果出现Error: PostCSS plugin tailwindcss requires PostCSS 8.则是版本不兼容下面会讲，postcss.config.js这一步可以不用，他就是导出了那两个模块（在vue.config.js中配置下图即可）
image.png
继续往下走按照官网安装
image.png
安装完终端如果出错点进去
image.png
替换成
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
main.js中引入
import "tailwindcss/tailwind.css"
版本不兼容直接重新安装低版本即可
npm uninstall tailwindcss postcss autoprefixer
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
