TypeError: this.getOptions is not a function 的解决

原创 已于 2022-08-11 15:34:58 修改 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #vue

于 2022-03-19 11:47:24 首次发布
本文讲述了遇到TypeError：this.getOptions is not a function的问题，原因是less-loader版本过高。解决方案是通过npm卸载并安装特定版本的less-loader（5.0.0），以确保兼容性。

TypeError: this.getOptions is not a function 的解决

原因分析：

这个实际上就是less-loader 的版本过高，不兼容getOptions函数方法，所以需要对less-loader进行降级处理

解决方案：

通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过npm install less-loader@5.0.0命令下载降级版本的 less-loader，这个问题就可以解决了.

Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 7291
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
npm报错TypeError: this.getOptions is not a function
邓邓子的博客
02-02 1602
1、问题 执行npm run serve报错： TypeError: this.getOptions is not a function 2、解决方法 由于sass-loader版本过高造成的，执行以下命令卸载当前版本安装低版本： npm uninstall sass-loader npm install sass-loader@7.0.1 --save-dev ...
TypeError: this.getOptions is not a function
我想月薪过万的博客
08-12 1439
问题展示 问题原因 在开发 Vue 项目、微信小程序 或 uni-app项目时，安装了saa-loader后，项目出现以下报错 是因为sass-loader 版本太高，需要降级 package.json文件如下： 在github [https://github.com/webpack-contrib/sass-loader/releases/tag/v11.0.0] 上我们可以看到 11.0.0的sass-loader就需要 不低于 5 的webpack 而目前...
TypeError: this.getOptions is not a function 引入less一直报错
gdutRex的博客
02-02 3万+
错误提示如下 Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/@vue/cli-service/node_modules/css- loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePost
TypeError:this.getOptions is not a function
weixin_48286936的博客
02-21 477
问题描述： 用Vue3实现todolist时，提示需要安装less-loader，安装完之后报错如下： ![在这里插入图片描述](https://img-blog.csdnimg.cn/7b32bcaf81d04e5884c9521e87e877b4.png#pic_center) 原因分析： 是因为less-loader版本过高和webpack版本不一致导致的 解决方案： npm install less-loader@6.0.0 或者也可以升级webpack的版本，但是容易引发一系列其他问题，建议
Vue：Syntax Error: TypeError: this.getOptions is not a function的解决
一些平时在开发过程中遇到的常见问题，分享给大家
01-12 1587
Vue：Syntax Error: TypeError: this.getOptions is not a function的解决
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
michiko98的博客
10-31 6248
TypeError: this.getOptions is not a function 这个是在运行项目是遇到的问题。这个报错是类型错误，this.getOptions 不是一个函数。这个错误一般就是less-loader库里的错误。主要是less-loader版本太高，不兼容this.getOptions方法。根据自己的nodejs版本，选择降到合适的less-loader版本。对应的less-loader不报错版本为5.0.0，安装命令为。我的nodejs版本为14.21.1。
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
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, ...
Module build failed: TypeError: this.getOptions is not a function的报错
weixin_47055643的博客
07-08 4604
Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。
【Vue】使用 less 报错：显示this.getOptions is not a function
weixin_47375144的博客
10-20 2002
原因：版本过高所致，所用版本为。
TypeError: this.getOptions is not a function解决方法
yan的秘密基地
03-16 3251
Vue中出现TypeError: this.getOptions is not a function解决办法
TypeError this.getOptions is not a function（全网最详细）
m0_67403272的博客
03-08 1066
这个是因为 这个鬼家伙导致的，因为你的依赖反义不了它，所以会报错this.getOptions is not a function 这个时候我们先看下我们的package.json 要有sass-loader style-loader node-sass 才可以翻译成功哦 命令如下 npm uninstall sass-loader npm install sass-loader@7.3.1 --save-dev npm uninstall style-loader npm install style-l
Syntax Error: TypeError: this.getOptions is not a function
程序源的博客
02-23 2334
报错： ERROR Failed to compile with 1 error 下午1:45:19 error in ./src/assets/styles/element-variables.scss Syntax Error: TypeError: this.getOptions is not a function @ ./src/assets/styles/element-variabl...
安装less报错TypeError: this.getOptions is not a function
李剑一
09-03 570
项目场景： 使用less开发文件 问题描述： less安装报错 Failed to compile with 1 error Syntax Error: TypeError: this.getOptions is not a function 原因分析： 当前版本less和less-loader版本不匹配，需要更换less-loader版本 解决方案： 安装less版本为 4.1.1 安装less-loader版本为 7.3.0 <style scoped lang="le
this.getOptions is not a function
qq_57558631的博客
05-24 539
该错误是css预编译的loader与webpack 4 不兼容导致的。尝试升级到webpack 5 或者降级sass-loader / less-loader / postcss-loader 的版本号到上一个主版本号。 比如： # 移除sass-loader@11 yarn remove sass-loader -D # 安装上一个主版本的sass-loader yarn add sass-loader@10.1.1 -D ...
TypeError this.getOptions is not a function 的解决
m0_55070913的博客
03-11 3325
一、问题的出现： 在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示： 二. 问题的分析及解决： 问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理 问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install le
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里 ...
Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
金乌的博客
09-22 553
原因可能是没有清楚上一次安装的包，npm install命令并不会主动清除上次安装的包，而上次安装的包可能不完整，包与包之间又有依赖关系，结果自然就会出错。1.1 直接右键删除，删除C:\Users\用户名.npmrc 这个文件。1.2 通过命令 npm cache clean --force 删除。1.1 直接右键删除，但依赖过多时，删除速度慢。1.2 通过安装rimraf来删除。sass-loader版本降低问题依然没有解决，则降低node-sass版本。（一般删除后重新安装项目就可以运行了）
TypeError: this.getOptions is not a function 关于elementUI
最新发布
09-08
在学习 Vue ElementUI 时，安装 node - sass 和 sass - loader 出现“Module build failed: TypeError: this.getOptions is not a function”错误，或者在其他情况遇到该错误，通常是由于版本不匹配，安装的版本太高导致的，解决方法是降低相关依赖的版本。 例如可以按照如下方式指定 less 和 less - loader 版本： ```json { "name": "backend - ms", "version": "0.1.0", "private": true, "scripts": { "serve": "vue - cli - service serve", "build": "vue - cli - service build", "lint": "vue - cli - service lint" }, "dependencies": { "axios": "^0.21.1", "core - js": "^3.6.5", "element - ui": "^2.4.5", "vue": "^2.6.11", "vue - router": "^3.2.0" }, "devDependencies": { "@vue/cli - plugin - babel": "~4.5.0", "@vue/cli - plugin - eslint": "~4.5.0", "@vue/cli - plugin - router": "~4.5.0", "@vue/cli - service": "~4.5.0", "@vue/eslint - config - standard": "^5.1.2", "babel - eslint": "^10.1.0", "babel - plugin - component": "^1.1.1", "eslint": "^6.7.2", "eslint - plugin - import": "^2.20.2", "eslint - plugin - node": "^11.1.0", "eslint - plugin - promise": "^4.2.1", "eslint - plugin - standard": "^4.0.0", "eslint - plugin - vue": "^6.2.2", "less": "^4.0.0", "less - loader": "^7.2.0", "vue - cli - plugin - element": "^1.0.1", "vue - template - compiler": "^2.6.11" } } ``` [^1][^2][^3]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值