vue踩坑----less-loader的安装

VUE踩坑篇

npm install less less-loader --save-dev报错

版本问题，但是温馨提示：如果一直报错，不要总是安装下载，因为电脑会晕！之后换版本，换来换去，报的错更绝望。这时候，恭喜你，重新安装nodejs吧，不会浪费太多时间。

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree：如图：

ps：我只是针对这个less-loader的install会报错，其他的不会，比如我输入别的就可以哈

npm install axios --save

导致原因

1、没有安装好webpack

2、版本问题：npm7.x的版本比npm6.x更严格，我开始是7.x，之后是6.x就可以了

解决方案

1、安装webpack，其中

webpack -v

出现下面情况，

不要在一直yes啦，直接输入命令

npm install webpack-cli -g

就可以咯，现在就快去试试之前的命令吧

我在网上看到了有在webpack.base.conf.js添加以下代码的，我没有用到。

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

56 packages are looking for funding run npm fund for details

这是是因为less-loader版本太高啦

如果运行的话会出现：

npm install [email protected] --save-dev

成功的话在package.json就有less、less-loader的版本信息啦

总结：

1、输入命令：npm install less less-loader --save-dev

2、安装less-loader出错，可能是npm版本问题、less-loader版本问题。