vue ui 创建项目 ，添加样式时报错，通过vue ui安装less-loader 和less 依赖后报错，百度告诉说版本太高导致

最新推荐文章于 2024-09-25 08:22:56 发布
最新推荐文章于 2024-09-25 08:22:56 发布
阅读量486 收藏
点赞数
文章标签： vue.js ui less less-load npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhjbk/article/details/122847389
版权
当在vueui项目中遇到无法选择less-loader和less特定版本的困扰时，可以尝试通过命令行来解决。方法一是直接使用vueui进行卸载和安装，方法二是利用命令行分别卸载和安装这两个依赖，并指定所需版本。参考链接提供详细步骤。
摘要由CSDN通过智能技术生成

vue ui 安装依赖时，无法选择指定版本，所以，解决办法有两个，第一个用vue ui卸载安装的less-loader 和 less依赖， 第二个使用命令行卸载安装的less-loader 和 less 依赖。
两种方法均需要用命令行进行指定版本的安装。方法参考如下：

请参考 https://blog.csdn.net/qq_44696483/article/details/118961682

刘小筛
关注
vue CLI脚手架中vue文件添加样式后，less-loader版本过高导致编译失败问题解决
cylemon的博客
05-19 1528
1.起因 在vue CLI脚手架中，添加了这么一段样式代码，结果编译失败 2.分析 查阅以及查看失败信息，是less-loader版本过高所致。当前版本是9.0.0，换到6.1.0。 3.解决 卸载当前less-loader以及less(不卸载less的情况下，无法安装指定版本号的less-loader，具体原因不详)。依次执行下述命令。 npm uninstall less-loader npm uninstall less npm install less-loader@6.
Vue/cli4.5版本升级采坑(2) - less-loader版本过高；引入less全局变量。
sherleysong的专栏
04-21 3539
前提：vue2.6.x 注：由于vue3.0.0 对应的mint-ui的版本无法使用，所以还是做了vue降版本处理。 this.getOptions is not a function 安装less-loader 默认版本过高导致报错 npm i less less-loader --save-dev ... + less-loader@8.1.1 + less@4.1.1 直接安装less-loader 版本过高，会导致如下问题： Syntax Error: TypeError: this.getOp
Vue-cli 通过ui图形界面安装了less和less-loader但是编译less文件依然编译失败
wwz123124的博客
03-23 887
问题原因：less和less-loader的版本兼容问题 解决办法：换个版本，由于vue-cli内部的webpack默认配置支持less，所以只需要下载版本兼容的less和less即可： 在项目根目录启动cmd，用npm命令下载： npm i less@3.9.0 less-loader@4.1.0 -s 其他依赖的兼容问题都是类似的解决办法 ...
搭建Vue初始开发环境过程中，安装依赖时报错怎么解决？
最新发布
alankuo的专栏
09-25 418
对于 npm，可以使用以下命令设置代理： npm config set proxy http://your-proxy-url:port 和 npm config set https-proxy http://your-proxy-url:port。- 对于 yarn，可以在 .yarnrc 文件中添加类似 proxy "http://your-proxy-url:port" 和 https-proxy "http://your-proxy-url:port" 的配置。
Vue中less-loader和less版本错误
Fabricant的博客
05-26 1061
一、TypeError: this.getOptions is not a function错误 问题： 用可视化ui创建的vue项目，安装less-loader和less依赖后，报的错误 分析： less-loader版本过高，导致getOptions函数方法不兼容，需要卸载现有的less-loader，重新安装 解决： npm uninstall less-loader 卸载现有的less-loader npm install less-loader@5.0.0 下载低版本的less-loader
「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误？你有没有思考过？
北
11-18 964
清晨的☀ 前言 我们都知道在 Vue 中并不只有纯正的CSS,还有less、sass等，后面这些，写起来都可以级联着，不需要像原生的css那样，会方便很多。 大家都知道我也是最近写的vue，看见周围人都在用这个，我也就去安装了一下，但是一直都报一个版本过高的错误。这种错误非常好解决，因为后端也常遇到，直接降版本就好了。 因为好奇心的驱使，我就在想，为什么不能安装最新less-loader？好像也没有哪里体现啊 然后就产生了这篇文章… 一、踩坑开始 我目前项目是没有安装的，我们先把<style lan.
Vue ui安装less依赖报错
Funchovy
09-04 411
TypeError: this.getOptions is not a function at Object.lessLoade **问题原因：**webpack和less-loader版本兼容问题导致的 **解决办法：**将现有的less和less-loader卸载，重新在Terminal中安装指定版本的less和less-loader npm install less@3.9.0 less-loader@5.0.0 -s 停止sever任务后重启sever即可 ...
Windows中运行vue ui指令无反应的解决过程
maomao10241128的博客
07-22 1528
在开始学习时，往往会遇到很多问题，本文主要针对运行vue ui后无反应的问题，给出具体的解决过程。
vue2.0安装style/css loader的方法
11-29
完成以上步骤后，你的Vue 2.0项目现在应该能够正确处理和应用第三方UI组件库的CSS样式了。记得在引入UI组件库时，遵循其文档中的指示，通常会涉及到在入口文件（如`main.js`）中导入库的样式文件。 在实际开发中，...
vux-loader:入侵vue-loader
04-02
Vue-loader是专门处理Vue组件的Webpack加载器，它将Vue的单文件组件（.vue文件）拆分成独立的模块，并将模板、样式和脚本分别处理。而vux-loader作为预加载器，是在vue-loader之前工作，对.vue文件进行特定的Vux相关...
解决vue加scoped后就无法修改vant的UI组件的样式问题
10-14
在Vue项目中，当我们使用`scoped`属性来限制样式只作用于当前组件时，可能会遇到一个问题，即无法修改引入的第三方UI库，如Vant的组件样式。这是因为`scoped`的作用范围仅限于当前组件，不会影响其子组件。Vant的...
vue依赖各版本组件
10-14
配置项目时的依赖文件，放入项目中后重新运行npm install即可，本人项目使用的依赖文件，冲突较少，满足开发需求。
解决vue+elementui项目打包后样式变化问题
10-15
通过以上这些方法，我们可以有效地解决Vue+ElementUI项目打包后样式变化的问题，确保打包版本与开发版本保持一致，从而提供稳定的用户体验。在开发过程中，定期进行打包检查和调试，有助于及时发现和修复这些问题，...
vue：安装less
mosowe
12-10 5956
npm安装： npm install less --save npm install less-loader --save 配置less路径： build -&gt; webpack.base.conf.js里面的module的rules内添加 { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' ...
安装less依赖时报错的处理方法
qq_42808095的博客
08-06 1027
安装less依赖时报错的处理方法
vue项目安装less和less-loader依赖运行后报错解决方法
katherin_wanzi的博客
07-30 2229
由于安装的less和less-loader版本过高导致出错，解决方法如下： 1.配合node.js,卸载当前版本的less和less-loader 在vue_shop目录下shift+鼠标右键，打开powershell,输入以下命令 npm uninstall less-loader npm uninstall less 2.安装低版本的less和less-loader,输入以下命令 npm install less-loader@4.1.0 -D npm install less@3.9.0 -D ..
2021-11-10 vue ui 创建新项目时命令行不报错，但是浏览器显示断开连接
weixin_42947848的博客
11-10 2211
问题 解决 尝试一 参照这个解决方法， vue ui 创建新项目时断开连接.说是当前vue版本过高，需要卸载重装！ 查看当前版本 然后卸载重装，然而重装时报错 再输入vue ui 和 vue -V，版本信息和浏览器窗口均启动不了了 尝试二 按照报错提示，在本地文件夹找到D:\nodejs\node_global\node_modules 手动删除@vue文件夹，再次全局安装@vue/cli发现不报错了 npm install -g @vue/cli 再次输入vue -V和vue ui，版本
vue项目启动卡住，也不报错的原因
yinge0508的博客
09-06 4059
vue项目启动卡住，也不报错的原因
输入命令vue-ui没反应
weixin_46728646的博客
09-14 1695
创建脚手架时，输入命令vue ui没反应
vue.js版本为2.7.14，elementui版本为2.15.13，vue-router版本为3.6.5，与之适配的Less 和 Less-loader版本为多少
06-07
对于 Vue.js 2.7.x 版本，可以使用 Less 3.x 版本和 Less-loader 7.x 版本，这两个版本之间是兼容的。因此，建议您在项目中使用以下命令安装相应的依赖： ``` npm install less@^3.0.0 less-loader@^7.0.0 --save-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值