vue使用vant移动端rem的适配时报错误问题

使用vant实现开发环境rem适配
任意门vant

如果需要使用 rem 单位进行适配，推荐使用以下两个工具：

• postcss-pxtorem 是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位
• lib-flexible 用于设置 rem 基准值

npm install postcss-pxtorem --save-dev
npm i -S amfe-flexible

 在根目录下新建一个postcss.config.js
 

module.exports = {
    plugins: {
      'autoprefixer': {
        browsers: ['Android >= 4.0', 'iOS >= 8']
      },
      'postcss-pxtorem': {
        rootValue: 37.5,
        propList: ['*']
      }
    }
  }

再main.js引入

import 'amfe-flexible'

npm run serve 启动发现报错了

 查看package.json 版本过高
"postcss-pxtorem": "^6.0.0",

降级版本

npm i postcss-pxtorem@5.1.1

npm run serve  启动运行