安装less和less-loader后使用总是报错？

最新推荐文章于 2024-07-24 17:30:14 发布
最新推荐文章于 2024-07-24 17:30:14 发布
阅读量2k 收藏 3
点赞数
文章标签： less npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niannian55/article/details/117225794
版权
在安装最新版less-loader（9.0.0）和less（4.3.1）后遇到报错，问题根源是版本不兼容。通过降级less-loader至5.0.0，按照'npm uninstall less-loader'卸载，然后'npm install less-loader@5.0.0'安装指定版本，再安装less并重启项目，即可消除错误。
摘要由CSDN通过智能技术生成

安装less和less-loader后使用总是报错？

安装了最新的开发依赖less-loader 版本9.0.0、less 版本4.3.1，使用时会一直报错；
报错原因主要是版本问题，因此需要将less-loader的版本降低为5.0.0；
先卸载less-loader：命令输入

npm uninstall less-loader

安装less-loader版本为5.0.0的：命令输入

npm install less-loader@5.0.0

最后安装less，重新启动项目（安装完成后必须做），就不会报错了。

念念126
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue cli4升级sass-loader(v8)后报错问题
11-19
sass-loader报错： Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not ...
less和less-loader安装遇到的版本问题
weixin_46311875的博客
06-23 2268
1
安装less less-loader报错
qq_51470342的博客
05-09 991
报错信息： Failed to compile with 1 errors Module build failed: TypeError: loaderContext.getResolve is not a function 可能是less-loader安装版本太高 卸载重新装 npm uninstall less-loader npm install less less-loader@5.0.0 -D 如果继续报错，可以尝试删除项目中的node-modules再重新安装 npm install 再安
vue安装less-loader依赖失败问题及解决方案
最新发布
maizixuetang的博客
07-24 919
文章主要介绍了vue安装less-loader依赖失败问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
less和less-loader版本搭配
Father_Of_Soft的博客
03-02 3773
less为4版本时，less-loader为5~7没有问题，我安装的是7版本。
Vue项目安装less和less-loader
热门推荐
weixin_52580677的博客
10-24 2万+
less-loader的版本号要搭配webpack的版本号来选择，webpack@4+可以选择的less-loader版本是5~7。完成less的安装后，我们只需要在style节点上加上lang=‘less’，就可以使用less语法了。在vue项目打开终端，进入项目安装（我记得less好像全局安装没用，每个vue项目要单独安装）less目前的最高版本是5+，但保险起见，我们还是安装4+比较好。上一步中，我们已经知道webpack的版本是4+如果没有安装，要先进行安装。打开cmd，通过命令查看。
安装less-loader5出现webpack版本不兼容
福仔的博客
02-14 2445
但是安装cnpm install --save less-loader的时候报错了，错误比较明确说了less-loader需要依赖老版本版（2.0、3.0、4.0）的webpack，但是安装的webpack（5.0）偏新。现在我们需求明确要用Webpack 3，那只能让sass-loader降级了，问题是降到哪个版本呢？每个包的依赖关系都是放在package.json里面的，一个个版本去看当然很麻烦，这里介绍一个小技巧。虽然NPM已经很自动化了，但依赖问题真的是一个难题，无法自动解决，需要人工干预调整。
less的安装、安装less指定版本
05-07 6342
less的安装、安装less指定版本
less-loader 报错
weixin_44224712的博客
06-01 1644
在下载相应的版本，可以先通过指令 npm view less-loader versions 查看当前所有的less-loader版本，之后在进行下载，比如webpack是4xxx版本的，可以用 npm install less-loader@7.3.0 --save-dev。--save -dev（xxxx特定的版本号），查看版本号的指令 npm view less-loader versions。命令：npm install less-loader --save -dev。此处会出现第二个报错。
浅谈vue引入css,less遇到的坑和解决方法
08-28
解决方法是使用 Webpack 的 Loader 机制，例如使用 css-loader 和 less-loader 等 Loader 来编译 Less 文件。 解决方法之二：使用 Loader 在 Webpack 配置文件中添加以下配置： ```javascript module.exports = { ...
解决vue安装less报错Failed to compile with 1 errors的问题
01-18
1、创建vue项目后安装less，执行 npm install less less-loader –save-dev 下载版本为：less-loader@6.1.0 ， less@3.11.3，重启服务报错，报错信息如下： 2、报错原因 less 本版太高需要降低版本，执行代码 先...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, loader: style-loader!css-loader!less-loader }` 然后在style标签中添加...
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
01-18
当你想要在vue项目的一个组件中使用全局样式文件...1、安装less和less-loader npm i less less-loader -D 2、要想全局使用还需使用一个插件( sass-resources-loader ),没有写错，就是sass npm i sass-resources-loa
vue项目安装less-loader报错解决办法
oneya1的博客
06-30 1590
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
npm 安装 less-loader报错 Could not resolve dependency
weixin_48687496的博客
01-12 1035
解决npm安装less-loader失败问题
关于Vue CLI项目 运行发生了 less-lorder错误的解决方案
Forever_Hopeful的博客
08-28 3602
Module node found :Error: Can’t resolve ‘less-loader’ 报错
【无标题】在vuecli 中使用less-loader 版本太高会报错
CSDNJXZK的博客
04-13 1003
使用vue脚手架 出现的问题 环境 vuecli vue2版本 问题 我在使用less 时 报错 然后这里应该是缺少less-loader插件 随后我装了一下 这里就是装到了目前的最高版本 然后再运行又报错了 就是这样，就很离谱 我去网上搜了一下vue安装less-loader 报错是什么原因 然后网上说是因为less-loader版本太高导致 随后我就又重新安装了一下 我试了一下7版本 不可以 然后6版本就可以 总结 在vuecli 中使用less-loader 版本太高会报错 我的vue版
安装lessloader的时候报错
GGBOY1312313的博客
03-09 535
的版本，使它们的版本能够兼容。你可以在 package.json 文件中找到相关的依赖项，并将其版本号更新为兼容的版本。如果以上方法都无法解决问题，建议查看详细的错误报告文件。这个错误是由于版本冲突导致的。更新依赖版本：根据错误提示，你可以尝试更新。原因：less-loader版本冲突。来强制安装 less-loader。安装lessloader的时候报错。，里面可能有更具体的错误信息。清理 npm 缓存：运行。清理 npm 缓存。
解决less版本过高导致项目运行报错的问题
qq_53142365的博客
03-14 1432
error:TypeError: this.getOptions is not a function 解决less版本过高导致的报错
npm install less less-loader -D 安装less报错
05-09
如果你在安装 `less` 和 `less-loader` 时遇到了报错，可能是由于你的环境缺少依赖或者权限不足等原因导致的。 以下是一些可能的解决方案： 1. 确认你已经安装了 `node.js` 和 `npm`，并且版本都是最新的。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值