webpack打包less：Module build failed: TypeError: loaderContext.getResolve is not a function问题

最新推荐文章于 2020-12-24 22:23:51 发布
最新推荐文章于 2020-12-24 22:23:51 发布
阅读量668 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js css node.js npm less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41055850/article/details/107330245
本文解决因Less-Loader版本过高导致的打包错误，通过卸载并安装指定低版本（4.1.0），成功实现项目打包。

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

错误如下：

在这里插入图片描述
我在这里出现的错误原因是安装的 less-loader 版本太高，使用 npm i --save-dev less-loader自动安装了 6.2.0 版本。

在这把原来安装的删除 npm uninstall less-loader，然后安装较低的版本 npm i --save-dev less-loader@4.1.0 ，这里的 --save-dev 是开发时使用的，如果仅学习可加可不加。

换成低版本之后就能打包成功了
在这里插入图片描述

Poggio南星
关注
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
asdfadafd的博客
02-28 686
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案 踩坑一：（Module build failed: TypeError: this.getOptions is not a function ） 这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.
12-小程序(优购商城整合Vuex,发布H5和App兼容性问题解决,mpvue快速上手,mpvue项目结构,mpvue创建自己的页面,uniapp优购商城迁移到mpvue,mpvue坑点)
Tangoneone的博客
07-13 446
01.Vuex复习 概念: vuex存储所有组件的状态，改变状态有自己规范 状态可以理解把原来组件里面属性公开放到vuex中作为状态 改变状态的规范是mutations 方便理解，你可以认为vuex就是一个全局变量，只不过改变全局变量有规范 (function(){ 防止全局变量污染 }) vuex的核心概念： state状态：就是用来存储所有组件状态 getters：state计算属性 mutations: 改变state的规范 //store实例 const store = ne
Module build failed: TypeError: loaderContext.getResolve is not a function 特别注意：at Object.loader
l1090865的博客
08-15 287
遇到的问题Module build failed: TypeError: loaderContext.getResolve is not a function 特别注意：at getWebpackImporter at Object.loader 这里表示是sass-loader版本过高 解决方法 这个就是sass-loader版本过高 只需要降低版本即可 卸载sass-loader ： npm uninstall sass-loader 安装指定版本： npm install sass-loader@7
Module build failed: 遇到：TypeError: loaderContext.getResolve is not a function
qq_44155199的博客
08-07 457
VUE结合element-ui开发一个login页面遇到Module build failed: TypeError: loaderContext.getResolve is not a function at getWebpackImporter (D:\HBuilder\filer\MeetingManage\node_modules\sass-loader\dist\utils.js:278:37) at Object.loader (D:\HBuilder\filer\MeetingMa
Module build failed: TypeError: loaderContext.getResolve is not a function
weixin_43977534的博客
10-12 725
Module build failed: TypeError: loaderContext.getResolve is not a function 在运行vue项目时，输入npm run dev(或者npm start)，项目build总是卡在17%，并且显示Module build failed: TypeError: loaderContext.getResolve is not a function，在网上搜到很多人说是在安装less时：npm install less less-loader --
{ "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
</think>### TypeError: loaderContext.getOptions is not a function 解决方案 这个错误通常是由于 **Webpack 版本与 loader 工具包版本不兼容** 导致的，具体分析如下： #### 错误原因分析 1. **核心问题**：`...
Vue——Module build failed: TypeError: loaderContext.getResolve is not a function错误解决
东乡阳旭的博客
12-24 1883
Vue——Module build failed: TypeError: loaderContext.getResolve is not a function错误解决
Vue问题记录2：module build failed:TypeError:loaderContext.getResolve is not a function
ljw1211的博客
08-17 231
module build failed:TypeError:loaderContext.getResolve is not a function报错，一般是某个依赖的版本过高 如sass-loader，less-loader，卸载对应依赖，指定安装低版本的依赖即可 cnpm uninstall less-loader; cnpm install *******@版本号 --save ...
webpack打包less出错
x93008的博客
06-01 3033
webpack打包less文件的时候出现了以下错误 ： ERROR in ./node_modules/_antd@4.3.0@antd/lib/button/style/index.less (./node_modules/_css-loader@3.5.3@css-loader/dist/cjs.js!./node_modu les/_less-loader@6.1.0@less-loader/dist/cjs.js!./node_modules/_antd@4.3.0@antd/lib/button/
VUE less--Module build failed: TypeError: loaderContext.getResolve is not a function
njlite的博客
09-11 132
less--Module build failed: TypeError: loaderContext.getResolve is not a function https://blog.csdn.net/shujiaw/article/details/105863069 由于less-loader安装的版本过高，在【package.json】中，可查看到安装的版本 **解决方法：**卸载安装的高版本的less-loader，【npm uninstall less-loader】，安装指定低版本的less-
Vue 中使用 less 报错 Module build failed: TypeError: loaderContext.getResolve is not a function
爱吃rabbit的mq
06-12 1440
一、less的报错1 重述一下使用步骤 1、安装 npm install less less-loader --save 2、配置，在webpack.base.conf.js 的 rules 节点下新增： { test: /.less$/, loader: “style-loader!css-loader!less-loader” } 3、使用，在 style 标签中使用 lang=“less” 4、编译运行，此时可能会报错： Module build failed: TypeError: loaderCo
Vue中使用less出错：loaderContext.getResolve is not a function
叹之
08-22 656
错误原因 less-loader版本过高 正确的使用方式 下载 // 严格控制版本号 npm install less@3.12.2 less-loader@4.1.0 --save-dev // 下面两个vue-cli会自动帮我们下载，不需要再安装 // 但如果你重新安装过，要注意版本号不能太高 // npm install css-loader@0.28.0 vue-style-loader@3.0.1 --save-dev 引入 // 在main.js中 import less from
loaderContext.getResolve is not a function
热门推荐
qq_39561207的博客
05-11 1万+
loaderContext.getResolve is not a function 解决vue-cli安装less-loader是报错 直接使用命令 npm install less less-loader --save dev 运行项目时会出现以下报错： loaderContext.getResolve is not a function 报错原因：less-loader版本太高 解决办法： 修改package.json文件： 将less和less-loader版本改为上述版本，然后重新npm in
vue使用less报错:loaderContext.getResolve is not a function
GothaM24的博客
05-13 970
.vue中使用lang=“less” 首先需要安装less和less-loader，自动安装会报错：loaderContext.getResolve is not a function 此时我们查看package.json文件 "less": "^3.11.1", "less-loader": "^6.1.0", less-loader的版本过高，手动改成 "less": "^3.11.1", "less-loader": "^4.1.0", 然后执行 $ npm i 完美解决！ ...
vue引入less报错：loaderContext.getResolve is not a function
曳猫的博客
06-29 634
在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入 { test: /.less$/, loader: “style-loader!css-loader!less-loader”, } 完成后在在【style】标签里面写上【lang=“less”】报错， 百度之后发现原因是由于less-loader安装的版本过高。 在【package.json】中，可查看到安装的版本 解决方法： 卸载安装的高版本的less-loader，【npm uninstall les
Syntax Error: TypeError: loaderContext.getOptions is not a function
05-23
至于这个具体的错误提示，"Syntax Error: TypeError: loaderContext.getOptions is not a function"，它表明在使用loader时，loaderContext对象上没有getOptions方法，因此出现了类型错误。 解决这个问题的方法可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值