Vue 中使用 less 报错 Module build failed: TypeError: loaderContext.getResolve is not a function

一、less的报错1

重述一下使用步骤

1、安装 npm install less less-loader --save

2、配置，在webpack.base.conf.js 的 rules 节点下新增：

 {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
 }
3、使用，在 style 标签中使用 lang="less"

4、编译运行，此时可能会报错：

Module build failed: TypeError: loaderContext.getResolve is not a function

5、解决

这个错误一般都是由less-loader版本过高导致的，版本号可以在 package.json 中查看；

卸载原来的 npm uninstall less-loader；

安装指定版本 npm install less-loader@4.1.0 --save

6、编译运行

二、Vue.js项目引入less文件报错解决

解决方案：

需要局部安装vue-style-loader，less-loader，css-loader，vue-loader和less包（需注意就算全局安装以上包仍需局部安装） 即：npm i vue-style-loader less-loader css-loader vue-loader less

三、antd按需加载,配置babel-plugin-import插件,编译后报错.bezierEasingMixin()解决方案

此问题主要是less的版本是3.0以上才会出现的。

1. 打开项目package.json ，将less版本降到3.0以下 比如安装 2.7.3版本。再 install
2. yarn add less@^2.7.3

或者

 打开项目的package.json 找到dependencies下面的less 将其版本改为 "2.7.3" 然后 npm install