vue项目安装less和less-loader依赖运行后报错解决方法

已于 2022-08-28 12:32:31 修改
阅读量2k 收藏 6
点赞数 4
分类专栏： Vue.js 文章标签： vue.js less npm
于 2021-07-30 20:48:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/katherin_wanzi/article/details/119255764
版权

由于安装的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

_enzo
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue2.0安装style/css loader的方法
11-29
项目需要引用额外的ui组件库，就需要安装style-loader和css-loader 安装style-loader  （css-loader默认有） npm install style-loader -D 然后，打开模板build–webpack.base.conf.js( 根据初始化模板不同也可能是 build 下面的webpack.base.conf.js ),新增一个json，注意style！css顺序不能颠倒（！表示连接）  补充： 2.0 以后应该写成 style-loader!css-loader (-loader不能省略) 以上这篇vue2.0安装style/css loa
wild_sofea:SOFEA in the wild - 使用 html5、lesscss 和 angularjs 的单页应用程序演示..
07-09
wild_sofea SOFEA in the wild - 使用 html5、lesscss、angularjs 和 coffeescript 的单页应用程序演示。 先决条件和目标 小的 高度可维护的代码库 html、css 和 javascript 尽可能的前沿 Internet Exploder 兼容低至版本 8 如果可能，仅在 css 级别跨浏览器代码 光滑如地狱>:) 最佳实践的集合 在运行的代码库上测试东西的实验室环境 如何构建这个项目 确保你已经安装了和 。 安装 grunt.jd： npm install -g grunt-cli 现在您可以安装所有项目依赖项。 在项目根目录中运行以下命令： npm install 现在您可以执行配置的 grunt 任务。 最重要的任务是： grunt dev - 运行初始化开发模式所需的所有任务，然后开始观察变化。 gr
vue项目中安装低版本less依赖
weixin_44289771的博客
03-30 1774
1.卸载命令 npm uninstall less-loader 2.安装命令 版本过高可能会报错 这里我们安装5.0.0版本 npm install less-loader@5.0.0 --save npm install less --save
安装lessloader的时候报错
最新发布
GGBOY1312313的博客
03-09 426
的版本，使它们的版本能够兼容。你可以在 package.json 文件中找到相关的依赖项，并将其版本号更新为兼容的版本。如果以上方法都无法解决问题，建议查看详细的错误报告文件。这个错误是由于版本冲突导致的。更新依赖版本：根据错误提示，你可以尝试更新。原因：less-loader版本冲突。来强制安装 less-loader。安装lessloader的时候报错。，里面可能有更具体的错误信息。清理 npm 缓存：运行。清理 npm 缓存。
解决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 match the API schem a.  – options has an unknown property ‘data’. These properties are valid:   object {
[less-loader] TypeError: this.getOptions is not a function解决办法
温柔小狼的博客
11-10 2584
vue开发时，安装less-loader和less包时，报如下错误： TypeError: this.getOptions is not a function 如下所示： 这时由于less-loader版本过高，不兼容getOptions 。 【解决】 卸载当前版本less-loader，重新安装低版本的less-loader npm uninstall less-loader npm install less-loader@6 --save-dev 重新运行项目就可以了。 ...
vue项目安装less-loader报错解决办法
oneya1的博客
06-30 1374
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
解决less版本过高导致项目运行报错的问题
qq_53142365的博客
03-14 1337
error:TypeError: this.getOptions is not a function 解决less版本过高导致的报错
less-loader 报错
weixin_44224712的博客
06-01 1415
在下载相应的版本，可以先通过指令 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。此处会出现第二个报错。
vscode运行报错less-loader怎么解决
qq_43626318的博客
10-13 651
**先看下根目录下面的package.json 里面有没有 “less-loader”: “5.0.0”, 如果没有，请安装：npm install less-loader。如果安装了，还是继续报同样的问题，那么此时执行命令：npm install less -–save-dev，再次尝试重新运行。就这两步就可以，博主之前搞了一天，公司的电脑是win7而且网络有很多限制用这个基本没问题。
vue-cli构建项目使用 less的方法
11-27
在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。 第一步：安装 npm install less less-loader --save-dev 即通过npm安装less和less-loader...
解决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 ， [email protected]，重启服务报错，报错信息如下： 2、报错原因 less 本版太高需要降低版本，执行代码 先...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
npm ERR! 404 ‘less-loader[email protected]‘ is not in the npm registry.问题解决
cylemon的博客
05-19 6819
1.起因 因编译失败需要卸载当前版本的less-loader（当前版本是9.0.0），安装较低版本的less-loader。结果卸载后无法安装指定的较低版本的less-loader。 2.解决 卸载当前环境下的less，再安装指定版本的less-loader。安装成功。 具体原因不清楚，也是随意尝试出来的，怀疑可能是依赖顺序的问题导致的。 一次执行 ...
less笔记-Less安装与基础使用
热门推荐
永远的北极光
09-10 2万+
一、安装Less npm为Node.js的包管理器，通过npm可简易的安装Less。 Node.js下载地址：https://nodejs.org/en/ 下载的Node.js为msi文件，双击安装，选择安装npm即可。之后通过cmd进入安装目录（node.exe所在目录），使用npm命令即可安装less： npm install -g less 二、less基础使用
npm安装less-loader成功后报错及解决方案
yizhangzzzz的博客
03-22 3397
npm安装less-loader成功后，会报错 这是由于 less 和 less-loader 版本不兼容导致的 解决方案： 1.卸载高版本，安装低版本 首先卸载当前版本 npm uninstall less-loader 安装低版本，比如7.3.0 npm i less-loader@7.3.0 2.创建vue项目时安装less 创建vue项目时，选择 ...
前端工程构建问题汇总
http://8.130.10.148:3000/digitaltwin/index.html
03-01 605
它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install less-loader@5.0.0 命令下载降级版本的 less-loader，这个问题就可以解决了。对应的node版本跟node-sass版本不一致，所以需要切换不同的node版本。
Less的介绍及安装步骤
weixin_46682277的博客
01-23 856
Less是一门CSS扩展语言，也称为CSS预处理器。 作为CSS的一种形式的扩展，它没有减少CSS的功能，而是在现有CSS语法上，为CSS加入了程序式语言的特性，引入了变量，Mixin（混入），运算和函数等功能，简化了CSS的编写，也降低了CSS的维护成本。 Less安装步骤 先安装node.js，网址：nodejs.cn； 检查是否安装成功，使用cmd命令（win10按window+R键打开），输入cmd，打开后输入“node -v”即可（node后有一个空格） 基于nodejs在线安装less，接着使
vue安装less-loader依赖
03-16
要安装Vue的less-loader依赖，您需要执行以下步骤： 1. 打开终端或命令行界面。 2. 进入您的Vue项目的根目录。 3. 运行以下命令：npm install less-loader --save-dev 4. 等待安装完成后，您就可以在Vue项目中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值