npm install less-loader报错，无法使用less

最新推荐文章于 2023-08-28 10:16:36 发布
最新推荐文章于 2023-08-28 10:16:36 发布
阅读量3.7k 收藏 6
点赞数 3
分类专栏： vue css 文章标签： npm less vue.js
原文链接：https://blog.csdn.net/qq_42136832/article/details/120532553?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-2-120532553.pc_agg_new_rank&utm_term=install+less-loader+npm+%E5%A4%B1%E8%B4%A5&spm=
版权
vue 同时被 2 个专栏收录
9 篇文章 2 订阅
订阅专栏
css
3 篇文章 0 订阅
订阅专栏

npm install less-loader报错，大概率是因为版本的问题

看了网上很多安装less和less-loader的安装博客，都没有带版本号，自己在用的时候总是安装失败，如果你的情况和我一样，那大概率是版本的问题

解决方案

1.卸载原来的lessnpm uninstall less-loader
2.下载合适版本的less-loadernpm install less-loader@5.0.0 -D

如果严格控制版本号的话：npm install less@3.9.0 less-loader@4.1.0 --save-dev

然后运行就不报错了，less就让用了，我吐了…

疯狂小8
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
在项目中安装、使用less-loader、less用于处理less格式文件
m0_63174618的博客
03-22 1046
好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。
Vue踩坑，less与less-loader安装，版本不一致
最新发布
cxr的博客
05-05 801
1) npm uninstall less与 npm uninstall less-loader。3) OK，启动vue项目。
less-loader 报错
weixin_44224712的博客
06-01 1530
在下载相应的版本，可以先通过指令 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。此处会出现第二个报错。
less-loader less 安装报错
weixin_42001360的博客
04-01 1270
根据报错信息（当时以为是webpack版本太低的问题），卸载低版本webpack（后来才反应过来当时package.json文件中dependencies应该是没有webpack版本的） , 重新安装高版本。删除 node_modules 目录，删除 package-lock.json 文件，看清楚是带。之后启动项目又报错，网上说是package.json中webpack版本冲突问题。卸载刚刚安装的最新版本的less-loader, 安装 7.3.0 版本。执行安装命令，未指定版本，默认安装最新版本。
npm i报错less、less-loader
qq_38655624的博客
12-17 4490
npm i报错less、less-loader 1、淘宝镜像先安装node-sass cnpm install node-sass --save 2、less、less-loader的版本 npm i less@3.0.4 -D npm i less-loader@5.0.0 -D 在package.json中获取版本号，也可通过NPM官网查看最新版本号进行安装 卸载less-loader npm uninstall less-loader 卸载less npm uninstall less
vue-cli脚手架: less-loader插件的安装配置
酷伊奥
07-20 6794
一、降低npm版本 npm install npm@3.8.6 -g 二、loader - 配置处理less文件的loader 1、安装less npm install less --save-dev 2、安装less-loader（ 这里需要指定版本，不能太高，如果太高后续容易报错。后面解答报错问题 ） npm install less-loader@6.0.0 --save-dev ...
Webpack中css-loader和less-loader的使用教程
12-03
npm install less less-loader --save-dev ``` 然后更新`webpack.config.js`中的配置： ```javascript module.exports = { // ... module: { rules: [ { test: /\.less$/, use: ['style-loader', 'css-...
less-loader:编译不到CSS
04-29
$ npm install less less-loader --save-dev 然后将加载程序添加到您的webpack配置中。 例如： webpack.config.js module . exports = { module : { rules : [ { test : / \. less $ / i , loader : [ // ...
前端开源库-less-modify-var-loader
08-30
npm install less-modify-var-loader --save-dev 或 yarn add less-modify-var-loader --dev ``` 2. **配置Webpack**：接着，需要在Webpack的配置文件（webpack.config.js）中引入并配置less-modify-var-loader...
css-unicode-loader:Webpack加载器，用于将scsssasslesscss文件的中文或双字节字符串转换为unicode char
05-26
npm install --save-dev css-unicode-loader 如果是vue-cli 3+，则将加载程序添加到vue config文件中。 // vue.config.js module . exports = { configureWebpack : config => { config . module . rules . ...
绝大多数浏览器滚动条样式兼容性写法
J1ong的博客
12-02 1054
* { scrollbar-color: #ffffff rgba(0,0,0,0.4); /* 滑块颜色 滚动条背景颜色 */ scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */ } /*滚动条样式*/ *::-webkit-scrollbar{ width: 8px; } *::-webkit-scrollbar-thumb{ border-radius: 5px; height: 50px; background-colo
关于Vue CLI项目 运行发生了 less-lorder错误的解决方案
Forever_Hopeful的博客
08-28 3172
Module node found :Error: Can’t resolve ‘less-loader’ 报错
npm i less less-loader --save安装出错
qq_52915322的博客
11-17 616
npm i less less-loader --save安装出错 原因 npm install -g @vue/cli 安装不全 npm install -g @vue/cli
Vue环境下安装Less|Sass|Stylus(详细指南)
白的夜的博客
04-12 874
依次使用以下npm执行命令即可完后less的安装在vue组件style中使用less。
Less 的使用
Superman_H的博客
10-07 252
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言 编译 Less 方法1：使用命令行编译 ① 安装： npm install -g less 如果不能运行，就到 node 官网下载 node 安装完成后，输入 node -v / npm -v 查看版本，以确定是否安装成功 node- v npm -v npm 是 node 管理包的工具，就可以通过 npm 命令安装 less 啦 ② 编译： 未指定编译路径 lessc styles.less
Stylus| vue项目中stylus和stylus-loader版本兼容问题
Aeroxian的博客
12-13 3435
Stylus| vue项目中stylus和stylus-loader版本兼容问题 报错代码： in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true& Module build failed (from ./node_modules/stylus-loader/dist/cjs.js): ValidationError: Invalid options objec
解决less版本过高导致项目运行报错的问题
qq_53142365的博客
03-14 1381
error:TypeError: this.getOptions is not a function 解决less版本过高导致的报错
vue安装less-loader依赖失败问题及解决方案
m0_59930653的博客
10-06 1128
less-loader版本过高解决办法
npm install less-loader 报错
05-03
如果在使用 `npm install less-loader` 安装时出现错误，可能有以下几种原因： 1. 本地网络问题：检查一下网络是否正常，可以尝试使用 VPN 或者换一个网络环境再次尝试安装。 2. npm 配置问题：有时候可能是 npm 的镜像源配置问题导致安装失败。可以尝试将 npm 镜像源切换到淘宝镜像，命令为：`npm config set registry https://registry.npm.taobao.org/`。 3. 依赖包版本问题：如果你的项目中已经有了 less 或者 less-loader 的依赖包，但是版本与当前所安装的 less-loader 版本不兼容，也可能会导致安装失败。可以尝试更新或降低 less-loader 的版本，或者卸载已有的 less 或者 less-loader 依赖包。 如果以上方法都无法解决问题，可以尝试重新初始化项目，删除 `node_modules` 文件夹并重新安装依赖。如果问题依然存在，可以查看报错信息，分析具体原因并进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值