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”

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
</style>

4、npm run dev启动项目后,报错:
vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function_第1张图片

5、报错原因是由于less-loader安装的版本过高,在package.json中,可查看到安装的版本
vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function_第2张图片

6、解决办法,卸载高版本的less-loader ,安装低版本的

npm uninstall less-loader

npm install [email protected] --save

你可能感兴趣的:(vue)