options has an unknown property 'modifyVars'. These properties are valid: 处理方法

webpack 编译时提示

ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'modifyVars'. These properties are valid:
   object { lessOptions?, prependData?, appendData?, sourceMap?, implementation? }

这是由于sass-loader 升级导致的

有两种解决方式

第一种，降sass-loader 到5.0 版本

npm  i less-loader@5.0.0

　　

第二种

更新配置文件

更新配置前

新版本的配置文件，统一放到了lessOptions 对象里，因此把原有配置放到这个新加的对象里就可以了。

"less-loader": {
            modifyVars: {
                'border-radius-base': '6px',
                'primary-color':'#009688',
                'link-color':'#009688'
             }
}                

更新配置后

 "less-loader": {
          lessOptions:{
                javascriptEnabled:true,
                modifyVars: {
                    'border-radius-base': '6px',
                    'primary-color':'#009688',
                    'link-color':'#009688'
                },
            }