使用less报错 less爬坑

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

问题描述：less-loader版本过高

image

解决方案卸载高版本less-loader

npm uninstall less-loader   卸载高版本
npm cache clear -f    清除缓存

安装指定版本less-loader

npm i less-loader@4.1.0

2、问题描述：Module build failed: Error: Cannot find module 'less'

原因vue中less未安装成功，

image.png

解决方案卸载原来less，重新安装less

npm install -g less

3、问题描述：* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?

原因缺少相关依赖而导致的

image.png

解决方案安装缺少的相关依赖

常规的

 npm install stylus-loader css-loader style-loader --save-dev 

less

npm install less less-loader --save-dev 

sass

npm install sass sass-loader --save-dev 
或者（$npm intall sass-loader --save ; $npm install node-sass --save）

一般只有在初始化配置的的时候才会出现这个问题，如果是已经完好的项目都会在package.json中已经配好，直接install即可。