vue中使用less报错:UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function

vue中使用less时出现报错 , 提示报错信息UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function

安装指定less-loader即可解决

一.主要是想在vue的demo中使用less,体验下是什么样子, 一运行就搞这样…
我的vue demo 版本是 "vue": "^2.5.2"

UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
at createWebpackLessPlugin (E:\工作\vueprisest\vant\vantvue\node_modules_less-loader@7.0.1@less-loader\dist\utils.js:36:33)
at getLessOptions (E:\工作\vueprisest\vant\vantvue\node_modules_less-loader@7.0.1@less-loader\dist\utils.js:153:33)
at Object.lessLoader (E:\工作\vueprisest\vant\vantvue\node_modules_less-loader@7.0.1@less-loader\dist\index.js:31:49)

检查配置文件也没问题, 判断是less-loader的版本问题
这里我的vue demo 版本是 "vue": "^2.5.2"

##这里如果你已经下载了less先卸载了
1.卸载less-loader

cnpm uninstall less-loader

2.重新安装指定版本

cnpm install less-loader@4.1.0 --save

##反之直接下载

cnpm install less-loader@4.1.0 --save

3.接着在build / webpack.base.conf.js 下面的rules中添加下面

{
 test: /\.less$/,
  loader: "style-loader!css-loader!less-loader"
}

4.然后在vue中 <style lang=“less”>可以使用less了

最后 需要关闭项目 然后再重新启动一下