uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

今天在uniapp中安装tailwind 2.2.16 时,按照官网的安装完成

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

使用tailwind cli 构建css文件时 报错:

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

 于是按照官网指引:在这种情况下,您应该安装 PostCSS 7 兼容性版本

我又按照指引卸载重装

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

再次使用Tailwind CLI 还是报错,一样的错误

Error: PostCSS plugin tailwindcss requires PostCSS 8.

 再试,还是一样

我发现下载的tailwindcss兼容版本号为2.2.17,官网文档写的2.2.16

于是我又全部卸载

npm uninstall tailwindcss postcss autoprefixer

再重新安装指定版本的tailwindcss 2.2.16

npm install -D tailwindcss@^2.2.16

然后又直接执行npm install postcss-cli autoprefixer  没有指定版本号

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

 默认下载了最新的postcss-cli 9.1.0

然后再次执行:

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

就构建成功了,不知道为啥,记录下 

uniapp 中使用tailwind 遇到的问题 Error: PostCSS plugin tailwindcss requires PostCSS 8.

之前也试过tailwindcss 3.0+ ,执行也很·顺利,但是创建的tailwind.css文件只有8K,基本没有什么样式,完全不能用,有时间再研究研究3.0+吧 

上一篇:极客兔兔七天系列学习笔记--GeeCache


下一篇:记录一次达梦数据库图形化安装步骤