vue搭建项目时没有选择less或是引入lang=“less“时报错

如图报错

原因：

vue在创建项目时没有选择Less

解决办法：

安装依赖

npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader

有的教程可能会让配置build/webpack.confog.js，这一步是不需要的，vue-load已经为我们配置好了

{
	test: /\.(css|less)$/,
	loader: ['style-loader', 'css-loader', 'less-loader'],
},

在安装时可能会报
npm WARN sass-loader@8.0.2 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.

上述错误解决办法
第一种 npm i 把提示需要安装的包安装好就行了

上述方法不可以的话

第二种
npm install less -D
安装它指明缺少的依赖

还是不行的话

第三种方法
这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉就行了。
我本地是将 “sass-loader”: “^8.0.0”，更换成了 “sass-loader”: “^7.3.1”。

卸载当前版本sass-loader命令：npm uninstall sass-loader 

安装低版本的sass-loader命令：npm install sass-loader@7.3.1 --save-dev