如何解决TypeError: this.getOptions is not a function at Object.loader及webpack对应loader版本问题

已于 2022-04-13 08:23:32 修改
阅读量3.6k 收藏 1
点赞数 1
分类专栏： Webpack 文章标签： 前端 webpack
于 2022-04-12 15:59:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45701130/article/details/124110993
版权

前言：在使用webpack时总是出现类似TypeError: this.getOptions is not a function at Object.loader的错误，查找相关资料，是说webpack和要安装的loader版本不匹配的问题，但是都没有说如何找到webpack对应的loader版本。
在这里插入图片描述

如何找到webpack对应的loader版本？
1、首先要知道自己webpack的版本
2、在github中查找想要使用的loader（以style-loader为例）
https://github.com/webpack-contrib/style-loader
3、通过Tags选项选择不同的版本（以2.0.0版本为例）
在这里插入图片描述
4、查看package.json文件，寻找当前版本的loader适用的webpack版本。在这里插入图片描述
5、最后通过npm install --save-dev style-loader@2.0.0进行安装

锦鲤儿
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:
TypeError: this.getOptions is not a function 的解决(vue,react)
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-25 5万+
1.npm uninstall less-loader 2.npm install less-loader@5.0.0 一、报错信息 TypeError: this.getOptions is not a function这个是在运行项目是遇到的问题 vue里 ...
TypeError: compilation.getPathWithInfo is not a function
最新发布
weixin_43864172的博客
02-29 430
TypeError: compilation.getPathWithInfo is not a function
TypeError: this.getOptions is not a function
kiki0417的博客
12-10 100
原因：less-loader安装的版本过高解决方案：1.npm uninstall less-loader 2.npm install less-loader@6.0.0
TypeError: this.getOptions is not a function 的解决
Zt0118的博客
11-20 667
TypeError: this.getOptions is not a function 的解决
this.getOptions is not a function at Object.loader
qq_45903688的博客
09-02 1479
this.getOptions is not a function at Object.loader
TypeError: this.getOptions is not a function at Object.loader（关于版本过高这件事）
qq_50276105的博客
08-11 1079
代码】TypeError: this.getOptions is not a function at Object.loader（关于版本过高这件事）
VUE Module build failed: TypeError: this.getOptions is not a function at Object.loader 解决办法
SKY_PLA的博客
12-14 6015
背景：在VUE中安装了 npm install node-sass sass-loader --save-dev，然后启动就报错了，看提示是因为依赖的问题 查了一下 node-sass sass-loader 是会有冲突的 Module build failed: TypeError: this.getOptions is not a function at Object.loader (D:\testwork\Testgadget\frontend\node_modules\sass-loa...
Module build failed TypeError this.getOptions is not a function at Object.loader
m0_67400972的博客
03-03 359
这个异常说明了当前 style-loader 的版本过高导致 webpack 的编译错误，需要降低版本 解决方法：降低当前style-loader版本 npm install style-loader@<version> --save-dev 如下： npm install style-loader@1.0.0 --save-dev ...
TypeError: this.getOptions is not a function at Object.lessLoader(紧接括号，关键词：less-loader)
qq_51758070的博客
02-17 2427
今天在使用样式预编译less编写css时遇到了一个问题，问题如下：错误：vscode显示：Syntax Error: TypeError: this.getOptions is not a function浏览器（vue项目）显示：TypeError: this.getOptions is not a function at Object.lessLoader(工作路径：\less-loader\dist\index.js:19:24)本机环境：在遇到这个错误时，我已经安装好插件 less（貌似5.x.x版
微信小程序报错：this.setData is not a function的解决办法
08-29
主要介绍了微信小程序报错：this.setData is not a function的解决办法的相关资料,希望通过本文能帮助到大家解决这样类似的问题，需要的朋友可以参考下
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
TypeError: this.getOptions is not a function at Object.lessLoader
weixin_52063946的博客
07-26 1888
问题描述： 当前找不到 lessLoader， 原因： 默认的vue ui 帮我们创建的项目并没有去安装less相关的loader，如果想要使用less相关的语法，那么必须先配置好less相关的loader才行。 解决方法： 1、打开vue cli 可视化面板，在开发依赖中安装 less-loader 2、在开发依赖中再安装一个 less，因为我们的 less-loader 是依赖于 less包的 3、注意：一定要先安装less再安装less-loader，不然顺序反了就会遇到...
Module build failed: TypeError: this.getOptions is not a function at Object.loader
weixin_44995391的博客
05-17 4918
问题描述 测试webpack相关功能时出现这个Module build failed: TypeError: this.getOptions is not a function at Object.loader 原因分析： 这个问题主要是因为node-loader版本过高导致的问题 解决方案 css-loader降为3.6.0版本即可 npm install css-loader@2.0.2 --save-dev npm install style-loader@0.23.1 --save-dev 这里以
报错Module build failed TypeError this.getOptions is not a function at Object.loader
qq_45131163的博客
07-27 153
报错Module build failed TypeError this.getOptions is not a function at Object.loader
TypeError: this.getOptions is not a function at Object.loader
qwervuhh的博客
12-22 608
这个问题主要是因为node-loa 解决方案 css-loader降为3.6.0版本即可 npm install css-loader@2.0.2 --save-dev npm install style-loader@0.23.1 --save-dev 重新运行npm run build即可
运行vue 报错TypeError: this.getOptions is not a function at Object.loader
09-14
一种可能的解决方法是升级或降级 Vue Loader，以使其与你的 Vue 版本匹配。你可以在 package.json 文件中查找到 Vue Loader 的版本号，然后根据需要进行修改。 另外，请确保你的 webpack 配置中正确地配置了 Vue ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值