VUE踩坑篇

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

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

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

image-20210630102015944.png
ps:我只是针对这个less-loader的install会报错,其他的不会,比如我输入别的就可以哈

npm install axios --save

导致原因

1、没有安装好webpack

image-20210630102711317.png

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

解决方案

1、安装webpack,其中

webpack -v

出现下面情况,

image-20210630103009247.png

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

npm install webpack-cli -g

image-20210630104011703.png
就可以咯,现在就快去试试之前的命令吧

我在网上看到了有在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版本太高啦

image.png
如果运行的话会出现:

image-20210630104312431.png

npm install less-loader@5.0.0 --save-dev

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

image-20210630104722031.png

总结:

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

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

Logo

前往低代码交流专区

更多推荐