less--Module build failed: TypeError: loaderContext.getResolve is not a function

本文详细介绍了在MPVue项目中配置并使用Less预处理器的方法,包括安装必要的依赖、修改Webpack配置以及解决高版本less-loader引起的错误。

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

配置mpvue支持less安装及使用步骤如下:

  • 安装【npm install less less-loader --save】
  • 在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入
{ test: /.less$/, loader: "style-loader!css-loader!less-loader", }

在这里插入图片描述

  • 在【style】标签里面写上【lang=“less”】
  • 【npm run dev】启动项目后,报错:
    在这里插入图片描述
    查了下网上大部分都是有关 sass 的问题,看了下。发现原因是由于less-loader安装的版本过高,在【package.json】中,可查看到安装的版本

**解决方法:**卸载安装的高版本的less-loader,【npm uninstall less-loader】,安装指定低版本的less-loader【npm install less-loader@4.1.0 --save】

{ "name": "my-project1", "version": "0.1.0", "private": true, "scripts": { "start": "voyo-run --config global/command/main-command.js", "exportB64Json": "node tool/base64-icons/convert.js" }, "sideEffects": [ "*.vue", "*.wxss", "*.css", "*.scss", "*.websass", "**/*.module.ts", "src/init.js" ], "dependencies": { "@dcloudio/uni-app-plus": "^2.0.0-28920200907001", "@dcloudio/uni-cli-i18n": "^2.0.2-4060620250520001", "@dcloudio/uni-h5": "^2.0.0-28920200907001", "@dcloudio/uni-helper-json": "*", "@dcloudio/uni-i18n": "^2.0.1-34920220630001", "@dcloudio/uni-mp-360": "^2.0.0-28920200907001", "@dcloudio/uni-mp-alipay": "^2.0.0-28920200907001", "@dcloudio/uni-mp-baidu": "^2.0.0-28920200907001", "@dcloudio/uni-mp-qq": "^2.0.0-28920200907001", "@dcloudio/uni-mp-toutiao": "^2.0.0-28920200907001", "@dcloudio/uni-mp-vue": "^2.0.0-28920200907001", "@dcloudio/uni-mp-weixin": "^2.0.0-28920200907001", "@dcloudio/uni-quickapp-native": "^2.0.0-28920200907001", "@dcloudio/uni-quickapp-webview": "^2.0.0-28920200907001", "@dcloudio/uni-stat": "^2.0.0-28920200907001", "@dcloudio/uni-ui": "^1.4.19", "@types/crypto-js": "^4.0.1", "@voyo/core": "^1.0.0", "@voyo/core-style": "^2.5.4", "@voyo/http": "^3.5.2", "@voyo/ui-uni": "2.5.5", "@vue/shared": "^3.0.0-rc.4", "@ztwx/form": "^2.1.0", "@ztwx/webfont": "^0.0.1", "aes-js": "^3.1.2", "core-js": "^3.6.5", "crypto-js": "^4.1.1", "flyio": "^0.6.2", "js-base64": "^2.6.3", "regenerator-runtime": "^0.12.1", "vue": "^2.6.11", "vue-class-component": "^6.3.2", "vue-property-decorator": "^8.5.1", 下午1:45:50 error in ./src/info.ts Syntax Error: TypeError: loaderContext.getOptions is not a function @ ./src/main.js 8:0-30 122:0-4 123:0-4 Build failed with errors.
最新发布
06-28
这个报错通常是因为node-sass的版本与sass-loader的版本不匹配所导致的。你可以尝试以下解决方案来解决这个问题: 1. 确认你的项目中已经安装了node-sass和sass-loader这两个依赖包。你可以在项目根目录下的package.json文件中查看依赖列表。 2. 如果已经安装了这两个依赖包,那么请检查它们的版本是否兼容。可以通过运行以下命令来查看当前安装的版本: ``` npm list node-sass npm list sass-loader ``` 3. 如果版本不匹配,可以尝试将它们的版本进行升级或降级,以使它们兼容。你可以使用以下命令来安装特定版本的依赖包: ``` npm install node-sass@<version> npm install sass-loader@<version> ``` 4. 在安装完依赖包后,删除项目根目录下的node_modules文件夹,并重新运行npm install命令来重新安装依赖。 请注意,确保在进行任何更改之前备份你的项目文件。希望这些解决方案能够帮助你解决报错问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Module build failed: TypeError: this.getOptions is not a function报错](https://blog.csdn.net/weixin_47055643/article/details/125684223)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [undefined](undefined)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值