Error: PostCSS plugin tailwindcss requires PostCSS 8

最新推荐文章于 2024-03-05 15:00:49 发布

朱安科

最新推荐文章于 2024-03-05 15:00:49 发布

阅读量258

点赞数

文章标签： postcss 前端

原文链接：https://www.jianshu.com/p/be1f9f162889

版权

vue-cli 生成的项目，添加tailwindcss 按照官网的步骤，最后会报错，原因是vue-cli 依赖的还是postcss7

为什么vue-cli 生成的项目会报错呢，原来cli-service 的post-loader 是 3.x 而不是和postcss8 版本同步的 4.x

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

朱安科

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uniapp - 报错Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users:http

高级前端工程师

07-24

2940

uniapp，vue2，vue3，报错，运行报错，启动失败，无法启动，Syntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users:https://github.com/postcss，vue，命令行创建，cli，更新PostCSS或降级此插件，将autoprefixer的版本更改还是报错，版本升级了还是报错，版本降了依旧有错误，PostCSS，uniApp启动报错，如何解

uniapp - 解决报错Syntax Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-u

最新发布

高级前端工程师

07-10

1976

uni-app，报错，解决问题，无法启动，启动报错，运行出错，执行报错，Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users: https://github，详细解决教程，PostCSS插件autoprefixer需要PostCSS 8。最终用户迁移指南，如何解决这个问题，升级版本依旧不行，autoprefixer，降低autoprefixer版本还是报错，uniApp报错，uni-app启动

参与评论您还未登录，请先登录后发表或查看评论

解决安装 tailwindcss requires PostCSS 8问题

甄_的博客

03-01

1326

收到的错误信息表明 "tailwindcss" 插件需要使用 PostCSS 8，而当前的设置使用的是较旧版本的 PostCSS。将Tailwind 每个层的指令添加到您的主 CSS 文件中。到您的文件中，或项目中配置 PostCSS 的任何位置。但是试了好多把postcss升级都还是有问题，然后。2.将 Tailwind 添加到 PostCSS 配置中。4.将 Tailwind 指令添加到您的 CSS 中。使用文件中配置的任何命令运行构建过程。在文件中添加所有模板文件的路径。3.配置您的模板路径。

【ERROR】tailwindcss安装踩坑记录

Yomuki的博客

02-27

1762

按照官网步骤走下来出现postcss版本过低的问题？ PostCSS plugin tailwindcss requires PostCSS 8. 解决方法： https://tailwindcss.com/docs/installation#post-css-7-compatibility-build npm uninstall tailwindcss postcss autoprefixer npm install -D tailwindcss@npm:@tailwindcss/postcss

Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.

qq_45288220的博客

03-05

677

vue中引入tailwindcss 启动时报此种错误我的 node 版本是 v16.15.0我vue2 使用的是yarn。

Syntax Error: Error: PostCSS plugin tailwindcss/autoprefixer requires PostCSS 8.

qubes的专栏

01-03

1716

vue中引入tailwindcss 启动时，命令行报错 2 种错误。先删除已安装的npm包 yarn npm 按需选择。再重新安装 yarn npm 按需选择。

Day 117/200 PostCSS plugin tailwindcss requires PostCSS 8

xinghuowuzhao的博客

04-06

903

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 安装正确版本

vue Syntax Error Error PostCSS plugin postcss-pxtorem requires PostCSS 8

m0_67391870的博客

03-09

1603

vue Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Migration guide for end-users: 关于脚手架生成项目,配置自适应postcss-pxtorem配置报错首先你在.postcssrc.js文件正常配置(详细配置) module.exports = { plugins: { // 兼容浏览器，添加前缀 autoprefixer: { override

Vant移动端 REM 适配以及.遇见Error: PostCSS plugin postcss-pxtorem requires PostCSS 8的解决方案

m0_56530294的博客

09-13

1026

Vant中使用的是px作为单位，当我们使用rem来适配各类移动端设备尺寸的时候，我们就需要使用到下面的两个工具 postcss-pxtorem是一款postcss插件用来将单位转化为rem lib-flexible 用来设置rem的基准值下面我们依次将连个工具配置到项目中完成适配 # yarn add amfe-flexible //或者下面的 npm i amfe-flexible 安装lib-flexible动态的设置我们的基准值并且在main.js中引用该组件 impo...

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

u010589442的博客

01-30

3465

今天在uniapp中安装tailwind 2.2.16 时，按照官网的安装方法完成使用tailwind cli 构建css文件时报错：于是按照官网指引：在这种情况下，您应该安装PostCSS 7 兼容性版本。我又按照指引卸载重装再次使用Tailwind CLI 还是报错，一样的错误 Error: PostCSS plugin tailwindcss requires PostCSS 8. 再试，还是一样我发现下载的tailwindcss兼容版本号为2....

Vue3中遇到问题：PostCSS plugin tailwindcss requires PostCSS 8 解决方案

阿正的梦工坊

02-16

3441

踩坑

Error: PostCSS plugin tailwindcss requires PostCSS 8.

LACERBA

04-27

1104

解决方法： # 删除原安装包 npm uninstall tailwindcss postcss autoprefixer # 安装低版本包 npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

webpack postcss Error: PostCSS plugin autoprefixer requires PostCSS 8.

ZhiAng99的博客

10-07

1057

出现这种情况是你下载autoprefixer版本不兼容控制下版本就可以了

vue使用tailwindcss

qq_40278396的博客

01-05

622

css

vue运行报错 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.

gxdzi的博客

01-05

1426

postcss-pxtorem使用方法：https://www.cnblogs.com/liangziaha/p/13636936.html 这里报错 postcss-pxtorem 需要 8. 我以为要使用postcss-pxtorem 8.以上的版本就去看了一下postcss-pxtorem版本最高才6.0 这里降低 postcss-pxtorem@5.1.1 npm i postcss-pxtorem@5.1.1 再次运行npm start 就可以了 ...

解决vue中安装postcss-pxtorem插件，报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”

m0_52364694的博客

08-19

2348

目前 postcss-pxtorem 版本最高6.0.0,报这个错是因为插件版本太高，降成5.1.1可解决这个报错解决方法：分两步 1.执行npm uninstall post-pxtorem 2.执行npm i postcss-pxtorem@5.1.1

配置postcss.config.js出现报错PostCSS plugin postcss-pxtorem requires PostCSS 8原因

weixin_45075981的博客

08-26

2098

在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 即可 ...

yntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8.

04-27

这个错误是由于autoprefixer插件需要使用PostCSS 8，而你当前使用的PostCSS版本不是8所导致的。你需要升级你的PostCSS版本到8或更高版本，以便与autoprefixer插件兼容。可以尝试使用以下命令升级PostCSS： ``` npm ...