Vue安装rem适配时遇到的问题

ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.

Vue安装rem适配时遇到的问题_第1张图片

意思是:无效的选择对象。PostCSS加载器已使用与API模式不匹配的options对象进行初始化。

解决方法(VsCode):

1.下载一个叫做autoprefixer的插件

命令如下:

npm i autoprefixer --save-dev

2.在项目的根目录下创建一个postcss.config.js的文件

该文件中的配置如下:

module.exports={
    plugins:[
        require('postcss-pxtorem')({ rootValue: 37.5 ,
            exclude:/node_modules/
            }),
        require('autoprefixer')({
            overrideBrowserslist:[
                "defaults",
                "Android 4.1",
                "iOS 7.1",
                "Chrome>31",
                "ff>31",
                "ie>=8",
                "last 2 versions",
                ">0%"
            ]
        })
    ]
}

3.把vue.config.js中关于options的内容注释掉,如下图

Vue安装rem适配时遇到的问题_第2张图片


至此 问题解决!!!

你可能感兴趣的:(Vue,vue)