1、更新组件库，组件代码，编译的时候报错了：
@apply cannot be used width '.red\:text-red-500\'....
2、初步判定是，组件库组件tailwidn使用较新的语法，旧版本不兼容导致；
升级项目依赖tailwind 版本至"8.3.0"、postcss版本至"2.0.4"；
编译继续失败了，Error :PostCSS plugin tailwindcss requires PostCSS 8;
what?
已经更新8，怎么还会爆出这样的错误？
报错提示去https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users查看
3、查看展示如下：
Webpack
✅ Supports PostCSS 8
- Update
postcss-loaderto >= 4.0.3. - Add
postcssdependency to your project or update it to >= 8.1.
看样子只升级postcss还不行，postcss-loader升级到 4.0.3
重跑项目，还报错！！！
开启编程大法，面向百度编程---------------------------
4、tailwind css 官网查询
给出解决方案，版本7的兼容版
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
至此解决
