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

安装及使用步骤如下:

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

2、在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入

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

3、在【style】标签里面写上【lang="less"】

vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function_第1张图片

4、【npm run dev】启动项目后,报错

vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function_第2张图片

报错原因是由于less-loader安装的版本过高,在【package.json】中,可查看到安装的版本

vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function_第3张图片

5、解决方法:卸载安装的高版本的less-loader,【npm uninstall less-loader】,安装指定低版本的less-loader【npm install [email protected] --save】即可解决报错。

你可能感兴趣的:(vue)