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

已于 2023-11-30 14:16:22 修改
阅读量2.2k 收藏 1
点赞数 3
分类专栏： 问题 文章标签： vue.js javascript html5
于 2021-08-26 23:37:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45075981/article/details/119942799
版权

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

npm错误Error: Cannot find module ‘postcss-loader‘
邓邓子的博客
02-02 4933
1、问题 执行命令npm run serve报错： Error: Cannot find module 'postcss-loader' 2、解决方法 安装module： npm install postcss-loader 如果继续报错： npm ERR! Could not resolve dependency: npm ERR! postcss-loader@"*" from the root project npm ERR! npm ERR! Conflicting peer dependenc
移动端适配px(postcss+rem)
dszapi的博客
05-27 327
第一步 安装postcs和postcss-pxtorem npm i postcss postcss-pxtorem@5.1.1 --save-dev 第二部 在项目的根目录下创建postcss.config.js文件，并写入下面的配置 module.exports = { plugins: { "postcss-pxtorem": { rootValue:75,//根字号 propList: ["*"], //是一个存储哪些将被转换的属性列表，这里设
PostCSS plugin postcss-pxtorem requires PostCSS 8.
wxiao_xiao_miao的博客
03-25 8102
npm install postcss-pxtorem --save-dev //项目下安装postcss-pxtorem npm install --save lib-flexible 或 npm i -S amfe-flexible //项目下安装lib-flexible
vue Syntax Error Error PostCSS plugin postcss-pxtorem requires PostCSS 8
m0_67392661的博客
03-03 3481
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
蓝易云 - Error: PostCSS plugin autoprefixer requires PostCSS 8问题解决办法
最新发布
高性价比服务器就选：蓝易云
04-21 301
如果你在使用PostCSS插件autoprefixer时遇到了"PostCSS plugin autoprefixer requires PostCSS 8"的错误，这通常是因为你的项目中PostCSS的版本低于autoprefixer所需要的版本。以上步骤应该可以解决"PostCSS plugin autoprefixer requires PostCSS 8"的问题。如果问题仍然存在，你可能需要检查你的项目配置，确保没有其他的冲突或问题。
PostCSS plugin postcss-pxtorem requires PostCSS 8.报错
YZJ_Peter的博客
06-15 1834
Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.报错解决方法
Syntax Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.
u014678583的博客
04-21 933
这个问题经查找是postcss-pxtorem版本过高导致的，可以降级 npm i postcss-pxtorem@5.1.1 -D 这样就好了
vue Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.
热门推荐
m0_47965154的博客
04-01 1万+
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
解决vue安装postcss-pxtorem运行后报错 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.
qq_43364129的博客
03-25 4709
相信最近使用postcss-pxtorem + amfe-flexible移动端适配的同学会发现，安装完postcss-pxtorem并配置好vue.config.js后，会报错Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.，明明是按以往配置，怎么突然出错了… 实际上postcss-pxtorem已经步入6.0版本。 需要依赖于postcss8.0实现（具体项还没研究清楚~~TAT） 那么解决办法也很简单，查看package.json里po
vue中使用postcss-pxtorem实现适配
gegephp的博客
03-29 6766
这里写自定义目录标题前言安装amfe-flexible和postcss-pxtorem配置及使用可能遇到问题 前言 很少在pc端使用rem，不过遇到一个比较较真的ui，要求每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6、vue-cli4中的配置(注意：不同版本配置方式不同) 安装amfe-flexible和postcss-pxtorem npm install postcss-pxtorem -S npm install amfe-f
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 2966
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”
m0_60892558的博客
11-25 1077
解决vue中安装postcss-pxtorem插件，报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.” 降低postcss-pxtorem的版本 ,指定安装 npm i postcss-pxtorem@5.1.1
Error：PostCSS plugin postcss-pxtorem requires PostCSS 8
Enchanter06的博客
10-24 535
安装postcss-pxtorem出现问题 解决vue中安装postcss-pxtorem插件，报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.” 解决： 升postcss版本或降postcss-pxtorem版本 npm i postcss-pxtorem@5.1.1
vue3.0中使用postcss-pxtorem进行rem适配
liaoxianhua888的博客
02-05 1881
1、下载安装依赖： npm install postcss-pxtorem -save 2、新建一个rem.js的文件，在main.js中引用。 (function() { const baseSize = 16; // 32 function setRem() { const scale = document.documentElement.clientWidth / 375; // 750 document.documentElement.style.fontSize =
Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8
Allen-Ye博客
04-14 572
安装页面自适应插件postcss-pxtorem导致。
Vant移动端 REM 适配以及.遇见Error: PostCSS plugin postcss-pxtorem requires PostCSS 8的解决方案
m0_56530294的博客
09-13 1076
Vant中使用的是px作为单位，当我们使用rem来适配各类移动端设备尺寸的时候，我们就需要使用到下面的两个工具 postcss-pxtorem是一款postcss插件 用来将单位转化为rem lib-flexible 用来设置rem的基准值 下面我们依次将连个工具配置到项目中完成适配 # yarn add amfe-flexible //或者下面的 npm i amfe-flexible 安装lib-flexible动态的设置我们的基准值 并且在main.js中 引用该组件 impo...
postcss-pxtorem单位转换插件配置报错Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Mig
湾流~ 的博客
05-23 1699
原因是依赖版本太高,所以执行以下命令进行版本降级,重新启动项目即可 npm i postcss-pxtorem@5.0.0 在根目录新建postcss.config.js文件中配置 module.exports = { plugins: { 'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 8'] }, 'postcss-pxtorem': { rootValue: 37.5, .
使用vant的移动端REM适配方法
Aaa_Liao的博客
06-21 2301
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem lib-flexible 用于设置 rem 基准值 下面我们分别将这两个工具配置到项目中完成 REM 适配。 一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小） 1、安装 # yarn add amfe-flexible npm i amfe-flexible 2、然后在 main.
postcss.config.js是干啥的
04-06
b'postcss.config.js 是干什么的？ b'postcss.config.js' 是 PostCSS 的配置文件。在项目中使用 PostCSS，需要通过配置文件来设置使用的插件、配置项等。PostCSS 是一种 CSS 处理器，能够通过插件机制对 CSS 进行转换和处理，从而实现一些高级功能，比如自动补全浏览器前缀、CSS 压缩等。b'postcss.config.js' 文件是一个 JavaScript 文件，通过编写 JavaScript 代码来设置 PostCSS 插件和配置项。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值