解决less版本过高导致项目运行报错的问题

最新推荐文章于 2024-03-09 23:28:37 发布
最新推荐文章于 2024-03-09 23:28:37 发布
阅读量1.3k 收藏 1
点赞数
文章标签： less Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53142365/article/details/129525851
版权
error:TypeError: this.getOptions is not a function

报错原因：最开始是项目使用了 less，但是因为没有安装less-loader，项目运行时就会提示改依赖缺少，后面直接使用npm install less-loader直接进行安装，安装的less-loader默认就是最高版本号，会导致以上报错信息出现。
查看less-loader所有版本号：npm view less-loader versions

解决方法：
  1. 删掉安装的less-loader依赖 - npm uninstall less-loader
  1. npm install less-loader@6.0.0

3、删除node_modules 并 执行命令npm install 或者 yarn

4、运行一下项目即可 (如果此时还报错就降低一个less-loade版本号再试试)

Dimpels
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决Vue2.0中使用less给元素添加背景图片出现的问题
11-30
在使用less在Vue.js中给元素添加背景图片时 或者你会出现这样的写法 background-image: url('../img/' + @{bg_url} + '2x.png'); 或者这样 background-image: url('../img/' + @bg_url + '2x.png'); 这样 background-image: url(../img/@{bg_url}2x.png); 还有这样 background-image: url(../img/@bg_url2x.png); 这样的 background-image: url(../img/@{bg_ur
解决vue+elementui项目打包后样式变化问题
11-19
博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎， 找到了问题所在以及解决办法： main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。 代码如下： main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has bee
关于less与less-loader版本之间的问题以及改变下载安装好之后出现的飘红的解决方法
weixin_43510862的博客
01-07 5232
解决less和less-loader版本太高报错，以及修改过后出现的飘红的问题
less版本过高解决方法
Bmx1111的博客
08-17 839
原因：less-loader版本过高 解决方法: 1.卸载原来版本的less-loader：npm uninstall less-loader 2.安装指定版本（低版本）的 less-loader：npm install less-loader@5.0.0 --save
安装lessloader的时候报错
最新发布
GGBOY1312313的博客
03-09 426
的版本，使它们的版本能够兼容。你可以在 package.json 文件中找到相关的依赖项，并将其版本号更新为兼容的版本。如果以上方法都无法解决问题，建议查看详细的错误报告文件。这个错误是由于版本冲突导致的。更新依赖版本：根据错误提示，你可以尝试更新。原因：less-loader版本冲突。来强制安装 less-loader。安装lessloader的时候报错。，里面可能有更具体的错误信息。清理 npm 缓存：运行。清理 npm 缓存。
Vue中使用less以及启动报错解决方案
haogemr的博客
10-30 1433
安装less npm install less less-loader -D 配置less 在build/webpack.base.conf.js 中 mudule.rules 中添加： { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } 使用less 在vue 文件中的style标签上加上 lang=“less”，即可使用： 如果启动后报错，如下图所示： 原因是由于less-loader安装的版本过高，可以
less的安装、安装less指定版本
05-07 5702
less的安装、安装less指定版本
less和less-loader安装遇到的版本问题
weixin_46311875的博客
06-23 2179
1
less和less-loader版本搭配
Father_Of_Soft的博客
03-02 3235
less为4版本时，less-loader为5~7没有问题，我安装的是7版本。
vue安装less less-loader版本问题
w_ziShan的博客
04-19 695
安装less需要先安装webpack。webpack、webpack-cli安装及版本，安装less
less-loader less 安装报错
weixin_42001360的博客
04-01 1188
根据报错信息（当时以为是webpack版本太低的问题），卸载低版本webpack（后来才反应过来当时package.json文件中dependencies应该是没有webpack版本的） , 重新安装高版本。删除 node_modules 目录，删除 package-lock.json 文件，看清楚是带。之后启动项目又报错，网上说是package.json中webpack版本冲突问题。卸载刚刚安装的最新版本的less-loader, 安装 7.3.0 版本。执行安装命令，未指定版本，默认安装最新版本。
解决vue安装less报错Failed to compile with 1 errors的问题
01-18
2、报错原因 less 本版太高需要降低版本，执行代码 先移除之前版本： npm uninstall less-loader 下载指定版本： npm install less-loader@5.0.0 -D 3、重启代码就可以了，若还是报错可移除文件node_modules，...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
vue-cli初始化项目中使用less的方法
10-18
vue-cli 是 vue.js 的脚手架工具，可以帮助我们编写基础代码、快速搭建开发环境。下面这篇文章主要给大家介绍了关于vue-cli初始化项目中使用less的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起看看吧
npm install less-loader报错 npm查看版本号
weixin_45441173的博客
01-02 4237
npm install less-loader报错 npm查看版本号
react+antd 项目中 Less Loader 版本差异、解决方案
zhou
10-26 1212
在 react 项目开发时引用 antd，配置 less 后，报错信息包含： ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'modifyVars'. These properties are valid: obj
2021-09-08
weixin_51012534的博客
09-08 182
vue2.0使用less 这算是我在使用vue的过程里面比较正常的坑，平常开发习惯了，很少用到less，所以今天就遇到了问题 首先不管是搞什么项目我们都需要安装一些插件，框架，less就是这里的一种，虽然现在用的vue3.0时代，但是使用vue2.0的我还是继续分享， 使用less 很简单没有网上的那么难，没必要去搞webpack.base.confg.js的东西分三步就好 第一步 npm install less less-loader --save //这是安装less和less-loader的依赖包
基于vue-cli的less的安装和配置 使用 以及 解决less-loader版本过高问题 ---- 超简单篇
Boo_crob的博客
06-22 3526
// @colors: #aa8866; // #app { // margin: auto; // .less-test{ // background-color: @colors; // } // }
less安装报错，less-loader版本问题
热门推荐
【03】的博客
02-05 1万+
ValidationError: Invalid options object. Less Loader has been initialized using an options object。。。 此问题是在安装less中遇到的 webpack.confog.js { test: /\.(css|less)$/, loader: ['style-loader', 'css-loader', 'less-loader'], }, 解决 分析得出结论是less-loader版本问题 卸载less.
uniapp 运行代码到浏览器 报错 You may need an additional loader to handle the result of these loaders. 怎么解决
08-28
遇到 "You may need an additional loader to handle the result of these loaders" 的错误通常是由于缺少相应的 loader 导致的。Uniapp 项目中使用的是 webpack 打包工具，因此您可以尝试以下解决方案： 1. 确保您...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值