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'
                },
            }