less-loader less 安装报错

  • Post author:
  • Post category:其他


运行项目时提示

在这里插入图片描述

解决办法,安装 less-loader, 指定较低的版本: 7.3.0

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

**


以下为操作过程中踩的坑

**

执行安装命令,未指定版本,默认安装最新版本

npm install less-loader less --save-dev

报错,安装时 less-loader 最新版本为 11.1.0

在这里插入图片描述


less-loader官网:

https://www.npmjs.com/package/less-loader

在这里插入图片描述

根据报错信息(当时以为是webpack版本太低的问题),卸载低版本webpack(后来才反应过来当时package.json文件中dependencies应该是没有webpack版本的) , 重新安装高版本

npm uninstall webpack
npm install webpack

之后重新安装 package.json webpack 版本为 5.77.0

在这里插入图片描述

重新安装 less-loader

在这里插入图片描述

之后启动项目又报错,网上说是package.json中webpack版本冲突问题

报错参考


在这里插入图片描述

此时对照原 package.json 才发现 dependencies 中并没有 webpack, 所以又把刚刚安装的webpack卸载了

npm uninstall webpack

卸载刚刚安装的最新版本的less-loader, 安装 7.3.0 版本

npm uninstall less-loader
npm install less-loader@7.3.0  --save-dev

重新启动项目后又报错了:Syntax Error: Error: Cannot find module “cache-loader”。删除 node_modules 目录后重新

npm install

还是没用,清除缓存也没用

npm cache verify

|

npm cache clear --force




最后解决办法:

删除 node_modules 目录,删除 package-lock.json 文件,看清楚是带

lock



package-lock.json

不是

package.json

。然后重新

npm install

问题解决。


参考:


Syntax Error: Error: Cannot find module ‘cache-loader‘


在这里插入图片描述



版权声明:本文为weixin_42001360原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。