使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function”

本文详细解析了在使用vue-cli搭建的项目中,配置less预处理时出现的“loaderContext.getResolveisnotafunction”错误。问题源于过高的less版本,通过调整less版本并重新安装依赖,成功解决了该问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function”

问题描述

在使用vue cli创建的webpack项目中,想配置less预处理,在配置完成后出现“ loaderContext.getResolve is not a function”报错信息,具体如下。
在这里插入图片描述

问题产生原因

安装的less版本过高,less、less-loader版本如下。
在这里插入图片描述

解决方法

在package.json文件中直接修改less的版本号,并重新npm install依赖包。修改后的less版本号如下。
在这里插入图片描述
参考地址
传送门1
传送门2

npm ls loader-utils less-loader webpack webpack-cli my-project1@0.1.0 D:\svw3\mbv-vw-applet +-- @dcloudio/uni-quickapp-native@2.0.0-alpha-33020211130001 | +-- @hap-toolkit/dsl-vue@0.6.13 | | +-- @hap-toolkit/compiler@0.6.15 | | | +-- loader-utils@1.4.0 deduped | | | `-- webpack@4.47.0 deduped | | +-- css-loader@2.1.1 | | | `-- loader-utils@1.4.0 deduped | | `-- mini-css-extract-plugin@0.5.0 | | `-- loader-utils@1.4.0 deduped | `-- @hap-toolkit/packager@0.6.13 | +-- loader-utils@1.4.0 deduped | `-- webpack@4.47.0 deduped +-- @dcloudio/vue-cli-plugin-uni@2.0.0-alpha-33020211130001 | +-- copy-webpack-plugin@5.1.2 | | `-- loader-utils@1.4.0 deduped | +-- loader-utils@1.4.0 deduped | `-- wrap-loader@0.2.0 | `-- loader-utils@1.4.0 deduped +-- @vue/cli-plugin-babel@4.5.19 | +-- babel-loader@8.4.1 | | `-- loader-utils@2.0.4 | +-- cache-loader@4.1.0 | | `-- loader-utils@1.4.0 deduped | +-- thread-loader@2.1.3 | | `-- loader-utils@1.4.0 deduped | `-- webpack@4.47.0 deduped +-- @vue/cli-plugin-typescript@5.0.8 | +-- thread-loader@3.0.4 | | `-- loader-utils@2.0.4 | `-- webpack@5.99.9 +-- @vue/cli-service@4.5.19 | +-- css-loader@3.6.0 | | `-- loader-utils@1.4.0 deduped | +-- file-loader@4.3.0 | | `-- loader-utils@1.4.0 deduped | +-- html-webpack-plugin@3.2.0 | | `-- loader-utils@0.2.17 | +-- mini-css-extract-plugin@0.9.0 | | `-- loader-utils@1.4.0 deduped | +-- url-loader@2.3.0 | | `-- loader-utils@1.4.0 deduped | +-- vue-loader@15.11.1 | | `-- loader-utils@1.4.0 deduped | +-- vue-loader-v16@npm:vue-loader@16.8.3 | | `-- loader-utils@2.0.4 | +-- vue-style-loader@4.1.3 | | `-- loader-utils@1.4.0 deduped | `-- webpack@4.47.0 deduped +-- file-loader@6.2.0 | `-- loader-utils@2.0.4 +-- loader-utils@1.4.0 +-- mini-css-extract-plugin@1.6.2 | `-- loader-utils@2.0.4 +-- postcss-loader@3.0.0 | `-- loader-utils@1.4.0 deduped +-- sass-loader@8.0.2 | `-- loader-utils@1.4.0 deduped +-- style-loader@1.3.0 | `-- loader-utils@2.0.4 +-- ts-loader@8.2.0 | `-- loader-utils@2.0.4 +-- webpack@4.47.0 | `-- loader-utils@1.4.0 deduped `-- webpack-cli@3.3.12 `-- loader-utils@1.4.0 deduped
最新发布
06-28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值