vue 安装postcss-pxtorem插件报错：[object Object] is not a PostCSS plugin。

一只小小的蜗牛

10717人浏览 · 2021-06-02 15:17:04

一只小小的蜗牛 · 2021-06-02 15:17:04 发布

.postcssrc.js文件配置
module.exports = {
“plugins”: {
“postcss-import”: {},
“postcss-url”: {},
“autoprefixer”: {
browsers: [‘Android >= 4.0’, ‘iOS >= 7’]
},
‘postcss-pxtorem’: {
rootValue: 37.5,　　//结果为：设计稿元素尺寸/37.5，比如元素宽375px,最终页面会换算成 10rem
propList: [’*’],
　　selectorBlackList: [’.van’]　　// 过滤掉 .norem 开头的 class，不进行转换
}
}
}

报错：[object Object] is not a PostCSS plugin。
报错原因：postcss-pxtorem版本太高，更改版本为5.1.1
执行命令： npm install postcss-pxtorem@5.1.1
运行： npm run dev

package.json文件可查看postcss-pxtorem版本号：在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^