Error: PostCSS plugin tailwindcss requires PostCSS 8.

问题原因

在vue中使用TailwindCSS时报的错误:

ERROR  Failed to compile with 1 error                                                                                                            
 
 error  in ./node_modules/tailwindcss/tailwind.css
 
Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
 
 
 @ ./src/main.js 7:0-34
 @ multi (webpack)-dev-server/client?http://192.168.28.203:8099/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

解决方法

# 删除原来安装的包
npm uninstall tailwindcss postcss autoprefixer
# 安装低版本包
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9