Day 117/200 PostCSS plugin tailwindcss requires PostCSS 8

最新推荐文章于 2024-04-22 09:29:40 发布
最新推荐文章于 2024-04-22 09:29:40 发布
阅读量845 收藏 1
点赞数
分类专栏： 前端 前端，VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinghuowuzhao/article/details/115463915
版权

1、启动项目报错

Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8. Migration guide for end-users: https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

2、安装包版本问题

卸载现有版本

npm uninstall tailwindcss postcss autoprefixer

安装正确版本

npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7autoprefixer@^9

 

安装后，可以启动

 

参考链接

https://stackoverflow.com/questions/64925926/error-postcss-plugin-tailwindcss-requires-postcss-8

 

Arden Zhao
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
rollup-plugin-postcss:PostCSS汇总插件
04-18
npm install @koffeine/rollup-plugin-postcss postcss --save-dev 用法 import postcss from '@koffeine/rollup-plugin-postcss' ; export default { // ... plugins : [ postcss ( { // which files should...
postcss-windicss:Windi CSS的PostCSS集成
04-01
postcss-windicss :test_tube: 过期的。 :warning: 不鼓励使用此软件包，因为PostCSS的API存在一些限制。 将我们用于每个专用框架/构建工具，以获取最佳的开发经验和性能。 该插件应该是使用Windi CSS的最后选择...
Error: PostCSS plugin tailwindcss requires PostCSS 8
vv4304的博客
06-21 187
为什么vue-cli 生成的项目会报错呢，原来cli-service 的post-loader 是 3.x 而不是 和postcss8 版本同步的 4.x。vue-cli 生成的项目，添加tailwindcss 按照官网的步骤，最后会报错，原因是vue-cli 依赖的还是postcss7。
Vue3中遇到问题：PostCSS plugin tailwindcss requires PostCSS 8 解决方案
阿正的梦工坊
02-16 3345
踩坑
3. 使用PostCSS进行Tailwind CSS的安装和配置
最新发布
一名全栈开发工程师
04-22 743
文章介绍了怎么使用post css 进行Tailwind CSS 的安装。
Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
qq_45288220的博客
03-05 465
vue中引入tailwindcss 启动时 报此种错误我的 node 版本 是 v16.15.0我vue2 使用的是yarn。
vue使用tailwindcss
qq_40278396的博客
01-05 587
css
PostCSS plugin postcss-uniapp-plugin requires PostCSS 8
拿回忆下酒
09-27 5333
Syntax Error: Error: PostCSS plugin postcss-uniapp-plugin requires PostCSS 8. Migration guide for end-users: https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
postcss-pxtorem 报错PostCSS plugin postcss-pxtorem requires PostCSS 8.
qq_46113598的博客
07-08 452
postcss-pxtorem 报错PostCSS plugin postcss-pxtorem requires PostCSS 8.
配置postcss.config.js出现报错PostCSS plugin postcss-pxtorem requires PostCSS 8原因
weixin_45075981的博客
08-26 1977
在vue中配置完postcss.config.js文件再运行时，会出现报错 其中PostCSS plugin postcss-pxtorem requires PostCSS 8 说是PostCSS插件PostCSS -pxtorem需要PostCSS 8，但是PostCSS没有8，我们需要降低下postcss-pxtorem版本，改为5.1.1， 再 npm i 即可 ...
postcss-multiple-tailwind:轻松处理项目中的多个 tailwindcss 配置
07-24
+-- admin| +-- index.css| +-- tailwind.config.js+-- front-end| +-- index.css| +-- tailwind.config.js+-- postcss.config.js+-- package.json这允许您为两个 css 文件设置不同的主题，或者为两者设置不同的...
postcss-replace:用于替换字符串的PostCSS插件
05-13
PostCSS替换 用于替换字符串的插件。 这样写： /* CustomCSS Library v{{ version }} */ . foo { content : "{{ author }}" ; } 并得到这个： /* CustomCSS Library v1.3.7 */ . foo { content : "Gridonic" ...
rollup-plugin-postcss：Rollup和PostCSS之间的无缝集成
02-05
yarn add postcss rollup-plugin-postcss --dev 用法 v2.0支持汇总v1或更高版本，但它会打印汇总v2中已弃用的警告。 重大变化： v3.0仅支持汇总v2，并且基于捆绑的提取路径将根目录中生成文件的位置定位在汇总v2中...
Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决
December_shi的博客
05-14 2210
Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决
Error: PostCSS plugin tailwindcss requires PostCSS 8.
LACERBA
04-27 1081
解决方法： # 删除原安装包 npm uninstall tailwindcss postcss autoprefixer # 安装低版本包 npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin。
热门推荐
qq_38385108的博客
09-20 1万+
Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin. 问题描述 学习webpack时直接npm下包没做版本控制导致版本不兼容，默认是仓库中最新的版本。 解决方案： 降低autoprefixer版本 ...
PostCSS plugin autoprefixer requires PostCSS 8.
z17864151193的博客
11-01 1922
但是一些 PostCSS 运行者并没有发布带有 PostCSS 8 的新版本。PostCSS 8 支持来自 PostCSS 7 的插件。
webpack postcss Error: PostCSS plugin autoprefixer requires PostCSS 8.
ZhiAng99的博客
10-07 1010
出现这种情况是你下载autoprefixer版本不兼容 控制下版本就可以了
记录一下安装PostGIS遇到的坑
qq_25138931的博客
11-12 849
PostGIS 没有模板文件 找不到libssl-3-x64
PostCSS plugin postcss-purgecss requires PostCSS 8
06-06
这个错误是因为 `postcss-purgecss` 插件需要使用 `PostCSS 8` 版本，而你当前使用的是 `PostCSS 7` 版本或更低版本。要解决这个问题，你需要更新你的 `PostCSS` 版本到 `8` 或者更高版本。 你可以通过以下步骤来更新 `PostCSS` 版本： 1. 首先，检查你的项目中是否已经安装了 `postcss` 和 `postcss-cli`，如果已经安装了，请卸载它们。你可以使用以下命令来卸载它们： ```bash npm uninstall postcss postcss-cli ``` 2. 接下来，安装 `PostCSS 8` 版本和 `postcss-purgecss` 插件： ```bash npm install postcss@8 postcss-cli@8 postcss-purgecss ``` 请注意，我们安装的是 `postcss@8` 和 `postcss-cli@8`，这是因为 `PostCSS 8` 版本需要使用新的 `postcss-cli`。 3. 现在，你可以重新运行打包命令，应该就不会再出现这个错误了。 希望这个解决方案可以帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值