Invalid PostCSS Plugin found

作者: Nkero | 来源:发表于2022-02-11 14:08 被阅读0次

vue 使用px转rem

npm i postcss-pxtorem -D
npm i amfe-flexible

安装好postcss-pxtorem 之后也出现了.postcssrc.js 文件，但是文件中只有三个参数

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    'autoprefixer': {}
  }
}

手动加上如下参数后报错

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    'postcss-pxtorem': {
      rootValue: 37.5, //vant-UI的官方根字体大小是37.5
      propList: ['*']
    }
  }
}

解决办法：重新安装postcss-pxtorem 指定5.0.0版本就可以了