vue安装less报错解决方案

最新推荐文章于 2025-02-24 10:00:00 发布
最新推荐文章于 2025-02-24 10:00:00 发布
阅读量969 收藏 3
点赞数 1
分类专栏： Vue 前端 文章标签： less vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Angela_Connie/article/details/120086138
版权

最近想在Vue项目中使用less，想着应该很简单，直接npm install less就行了嘛，但是下载很顺利，在代码中加入less却编译出错了，原因是less的版本与less-loader版本的问题
下面是我的使用步骤：
在这里插入图片描述
然后就在控制台下载less与less-loader
在这里插入图片描述
接着在package.json里配置文件里查看检查一下有没有安装成功，发现已经成功安装了
在这里插入图片描述
下来就开始写less代码
在这里插入图片描述
但是终端却报错了…
在这里插入图片描述
由于less和less-loader是手动安装的，实在找不到解决方法，所以我就用vue-ui项目管理器自动安装了less，发现可以成功添加less代码，接着我查看它的package.json文件发现
在这里插入图片描述
那应该就是less与less-loader的版本问题了，所以安装指定的less与less-loader

解决办法

npm install less@3.0.4
npm install less-loader@5.0.0

安装成功之后再查看package.json
在这里插入图片描述
接下来再运行less代码就没问题了！
在这里插入图片描述

vue3+vite - 安装引入Ant Design Vue组件库报错Failed t resolve import“ant-design-vue/dist/antd.css“ from x Does
高级前端工程师
12-22 7048
vue3，vite，ant design vue，组件库，安装引入报错，vue3使用antd报错，vue3引入ant组件库报错，antd.css这个引入失败怎么办，已经安装了Antd组件库但无法使用，报错无法解析antd.css文件，vue3.0引入antdv在main.ts中报错，vite + vue3引入ant design vue 报错，引入import ‘ant-design-vue/dist/antd.css‘时报错，详细解决方案，换版本也不行，详细解决方案，依旧报错，改了版本号，重新安装依赖也不
vue3 - 解决NPM安装插件报错npm error code ERESOLVE | npm error ERESOLVE could not resolve错误提示，项目执行npm安装时报错处理！
高级前端工程师
12-11 6920
vue3，nuxt3，npm安装报错，npm error code ERESOLVE，npm error ERESOLVE could not resolve，安装项目依赖npm install报错解决，vue3安装第三方插件出现错误，如何解决NPM安装失败问题，npm错误- npm ERR code ERESOLVE 和 npm ERR ERESOLVE could not resolve 问题，vue解决，安装项目所需依赖，npm i报错，出现一大串报错，试了很多方法都不行，依旧无效怎么办没用，详细教程
解决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 本版太高需要降低版本，执行代码 先移除之前版本： npm uninstall less-loader 下载指定版本： npm install less-loader@5.0.0 -D 3、重启代码就可以了，若还是报错可移除文件node_modules，重新下载cnpm install 补充知识：vue项目运行报错：94% asset opt
搭建vue开发环境的步骤
bolatustyle的博客
10-29 479
一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn； 二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号， 这样就...
在 Vue 3 中全局引入 Less 文件（如变量、混合宏等）
最新发布
繁若华尘的博客
02-24 692
在 Vue 3 中全局引入 Less 文件（如变量、混合宏等），可以通过配置 vue.config.js 实现。
在开发vue项目中 使用less报错解决方案
m0_52815842的博客
05-21 2401
vue开发项目中 使用less报错解决方案
vue项目使用less报错
qq_36519327的博客
09-08 436
vue项目使用less报错
npm ERR!报错，Vue项目中未安装less,但是要用less写样式，此时安装less后，可能报错的原因及解决办法
angrynouse的博客
08-26 1378
npm ERR报错，Vue中使用了npm i less-loader、npm i sass-loader后报错
vue安装less-loader依赖失败问题及解决方案
maizixuetang的博客
07-24 1315
文章主要介绍了vue安装less-loader依赖失败问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue component 中引入less文件报错 Module build failed
10-17
他们可能需要经历一些试错的过程，比如安装和卸载Vue、多次搜索和尝试解决方案，最终才能找到正确的路径。这种调试经历也是开发者成长过程的一部分。 总结上述知识点，当我们在Vue组件中引入Less文件时，需要特别...
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
vue里面的less报错
CQ_QingNing的博客
08-15 281
问题描述： webpack项目报Expected indentation of 0 spaces but found 2解决 解决方案： 1、在工程根目录下找到.eslintrc.js 2、在rules标签中添加 'indent': 'off' 3、重启项目npm run dev 原因分析： 提示：这里填写问题的分析： 例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 ...
vue安装less-loader报错
wzt_WZT的博客
09-13 1642
之前安装less-loader报错，一直以为是版本原因，之后试了好多低版本，发现还是安装失败，最后发现是由于npm权限原因。
Vue.js项目引入less文件报错解决
weixin_30242907的博客
12-11 383
解决方案： 需要局部安装vue-style-loader，less-loader，css-loader，vue-loader和less包（需注意就算全局安装以上包仍需局部安装） 即：npm i vue-style-loader less-loader css-loader vue-loader less 2、src引入：<style lang="less" src="./les...
vue2安装less报错
m0_52434369的博客
07-21 509
vue2安装less报错
vue项目安装less-loader报错解决办法
oneya1的博客
06-30 1811
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
vue安装less-loader依赖时报错
qq_44786836的博客
04-07 484
vue安装less-loader依赖时报错 在 vue-cli 中使用安装了 less-loader 依赖后使用时会报如下错误： 解决方案： 1.卸载安装的原 less-loader 版本： 2.在项目中使用ctrl+shift+~打开终端 3.在终端中输入命令：npm install less@3.9.0 less-loader@4.1.0 --save-dev 安装低版本的 less-loader： 4.安装成功 重启项目就不会报错 ...
vue less报错
qq_29384639的博客
11-07 306
This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7ba5bd90","scoped"...
Vue引入Less报错解决方法
lww0920的博客
12-17 508
Vue引入Less报错解决方法
vite less @import报错
07-27
对于 Vite + Less 的开发环境，如果在使用 `@import` 导入 Less 文件时遇到报错，可能是因为配置不正确或者文件路径有误。以下是一些可能的解决方案： 1. 确保已经正确安装了 Less 插件： ``` npm install less -...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值