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

1.安装less

npm i less less-loader -s

2.添加依赖

打开build/webpack.base.conf.js，在module.exports 对象中添加依赖

module.exports = {
    module: {
        rules: [
            {
                test: /\.less$/,
                loader: "style-loader!css-loader!less-loader"    
            }
        ]
    }

3.运行

npm run dev

运行报错 TypeError: loaderContext.getResolve is not a function

4.问题

百度了一下发现是因为less-loader版本过高

5.解决

卸载掉之前安装的less-loader

npm uninstall less-loader

重新安装指定版本

npm i less-loader@4.1.0 --s

就可以了

6.扩展 -s和-d的区别

-s是-save的简写，意思是安装时自动将模块和版本号添加到package.json里的dependencies对象里；
-d是-save-dev的简写，意思是是安装时自动将模块和版本号添加到package.json里的devdependencies对象里；

dependencies对象里的模块是生产环境中要用的
devdependencies对象里的模块只是开发环境中要用的，打包编译之后实际不需要