vue脚手架安装less和less-loader报错的解决方法

vue脚手架安装less和less-loader报错的解决方法

因为目前Vue使用的是webpack4x版本没有使用最新的5所以会报错

Failed to compile.

./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true&)
Module build failed (from ./node_modules/less-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.lessLoader (C:\Users\lyz_n\Desktop\2020.6.21\脚手架\one\node_modules\less-loader\dist\index.js:19:24)

因为lessloader版本过高导致，安装低版本可以解决

在目录命令行输入

npm install less-loader@7.3.0 --save-dev
或者
npm install less-loader@7 //会默认安装7的最新版


by the way
//查看版本命令
npm view xxx versions