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 对象里，因此把原有配置放到这个新加的对象里就可以了。

1 "less-loader": {
2             modifyVars: {
3                 'border-radius-base': '6px',
4                 'primary-color':'#009688',
5                 'link-color':'#009688'
6              }
7 }                

更新配置后

 1  "less-loader": {
 2           lessOptions:{
 3                 javascriptEnabled:true,
 4                 modifyVars: {
 5                     'border-radius-base': '6px',
 6                     'primary-color':'#009688',
 7                     'link-color':'#009688'
 8                 },
 9             }
10