react配置less运行编译错误（this.getOptions is not a function）

最新推荐文章于 2023-10-31 15:08:02 发布
转载 最新推荐文章于 2023-10-31 15:08:02 发布 · 632 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/qq_42430948/article/details/113552673
文章标签：

#less #react.js

本文介绍了在配置过程中遇到的less-loader版本过高导致的getOptions is not a function错误，提供了通过卸载并重新安装less-loader 6.0.0版本来解决问题的方法。

如题，配置完成，运行报错：this.getOptions is not a function

原因：百度到似乎是less-loader安装的版本过高

解决方案：卸载重装，代码如下

1.npm uninstall less-loader

2.npm install less-loader@6.0.0

​1.npm uninstall less-loader

2.npm install less-loader@6.0.0 ​

React设置antd3x自定义主题，TypeError: this.getOptions is not a function的解决方法
bidang3275的博客
02-24 1176
React设置antd3x自定义主题，TypeError: this.getOptions is not a function的解决方法 提示：主要使用：react-app-rewired 和 customize-cra实现antd3x版本自定义主题 问题 报错图片 分析： 1. 由于引入less-loader(第三方库)时，默认下载该库的最新版本。【 可能看到该文章时，版本已经高于8.0.0了】 2. antd3x版本的文档发布至今多年，疏于维护，更不上less-loader版本的更新。 3.
使用AntD实现按需引入，更改项目主题色，出现TypeError: this.getOptions is not a function
yangaoyuan1999的博客
08-03 595
1.安装依赖 yarn add react-app-rewired customize-cra babel-plugin-import less less-loader react-app-rewired:重写脚手架配置 customize-cra：修改webpack配置 babel-plugin-import：将 import 的写法自动转换为按需引入的方式 less:使用less less-loader:将less文件转化为css create-creact-app项目，如果需要手动修改配置，需
TypeError:this.getOptions is not a function react坑--使用less
weixin_47677528的博客
08-02 557
react坑--使用less1、下载less less-loader2、配置webpack.config.js3.配置后运行报错TypeError:this.getOptions is not a function 在使用create-react-app时发现不支持less，需更手动更改。 1、下载less less-loader // 使用npm npm install less less-loader --save-dev // 使用 yarn yarn add less less-loader
react中typeerror: this.getoptions is not a function
weixin_50694473的博客
12-13 760
这个错误是因为less-loder的版本太高了，需要下载与less一样的版本 1.先卸载less-loader npm uninstall less-loader 2. 下载less-loader npm install less-loader@版本号
安装less报错：Module build failed: TypeError: this.getOptions is not a function 解决方法
qq_47230378的博客
04-09 2290
创建vue项目中，用到less、sass等css预编译处理语言是很常见的方式，在安装过程中肯定会遇到各类的问题，如：Module build failed: TypeError: loaderContext.getResolve is not a function 那么关于该问题，我们要如何处理呢？ 原因分析：less版本过高 解决方法：换低版本。 版本卸载：npm uninstall less-loader 安装指定版本：npm install less-loader@4.1.0 --save
React使用stylus，并解决typeerror this.getoptions is not a function问题
爱学但菜的大白鹅
07-06 477
先下载stylus相关包 npm install stylus stylus-loader --save-dev 然后显示隐藏的相关配置文件 npm run eject 如果有你使用了git还会报错，所以需要在项目目录执行一下 git add . git commit -m "初始化项目(备注)" 然后在config/webpack.config.js里添加以下内容（前面css/cass都是自带的，脚手架搭起来的都有） const stylusRegex = /\.styl|stylus$/;
TypeError: this.getOptions is not a function，vue或react都可能有
Jerry子辰的博客
04-13 304
在vue3.0 + ts 想使用less时使用@import 的方式引入less文件结果报错 Syntax Error: TypeError: this.getOptions is not a function 后来弄了半天才发现时less的版本过高，不得行 解决办法： 1.卸载less：npm uninstall less-loader 2.重新安装：npm install less-loader@5.0.0 这里我就先安装了5.0版本，其他版本也可自行尝试 ...
react打包提示this.getOptions is not a function
12-28
根据提供的引用内容，错误信息"TypeError: this.getOptions is not a function"通常是由于webpack配置或加载器配置的问题引起的。这个错误表明在加载less文件时，webpack的css-loader或less-loader无法正确获取选项...
this.getOptions is not a function
08-24
错误"this.getOptions is not a function"是在运行项目时遇到的问题。这个错误通常出现在React或Vue项目开发中。根据引用和引用，这个错误的原因是在代码中使用了this.getOptions，但实际上这不是一个函数。具体来说...
ERROR Failed to compile with 1 error 17:14:49 error in ./src/assets/css/element-variables.scss Syntax Error: TypeError: this.getOptions is not a function
最新发布
04-13
好的，我现在要解决用户在编译过程中遇到的'Syntax Error: TypeError: this.getOptions is not a function'错误。这个问题看起来和webpack的scss loader配置有关。首先，我需要回忆一下这个错误的常见原因。 用户...
npm less 报错： this.getOptions is not a function
护着我的发际线的博客
12-02 792
npm less 的时候报错： TypeError: this.getOptions is not a function 解决：less-loader版本过高。重新安装一下less-loader。 npm install less-loader@5.0.0 npm install 记得更新一下依赖
【Vue】使用 less 报错：显示this.getOptions is not a function
weixin_47375144的博客
10-20 2042
原因：版本过高所致，所用版本为。
引入less 报错: this.getOptions is not a function
名人卷耶
06-28 2999
问题：less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理。 （1）卸载原版本 npm uninstall less-loader （2）重新安装旧版本 yarn add less-loader@6.0.0
报错： this.getOptions is not a function 翻译：这个getOptions不是一个函数。
lixiaoqidecsdn的博客
03-08 909
在添加 less 样式后 安装了 yarn add less less-loader <style lang="less" scoped> .login_container{ background-color: #2b6b4b; } </style> 成功安装后 在package.json文件中找到配置项，如下 "less": "^4.1.2", "less-loader": "^10.2.0", 运行项目会报错：如下 this.getO..
vue 2 项目中使用less-loader 出现 TypeError: this.getOptions is not a function 错误
cherish12_24的专栏
06-20 1122
一 背景 在vue2项目上使用less,安装了 less 和 less-laoder之后，编译项目的时候提示下面问题： Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function 二 排查问题 在网上搜索，有文章说是less-loader版本太高了，安装低版本的就没问题啦，比如5.0.0。看了下我当前安装的是less-loader@8.0.0,
Vue解决less-loader报错 TypeError: this.getOptions is not a function
qq_41530545的博客
04-07 418
原因：less-loader版本过高问题，webpack和less-loader版本兼容问题导致的，需要降低版本。 解决办法： npm uninstall less-loader npm install less-loader@5.0.0
(vue)安装less-loader后报错this.getOptions is not a function
nyf_unknow的博客
04-01 333
原因：vue脚手架中less-loader的版本过高导致的。2.重新npm less-loader。1.删除原本 less-loader。
[less-loader] TypeError: this.getOptions is not a function解决办法
温柔小狼的博客
11-10 2703
vue开发时，安装less-loader和less包时，报如下错误： TypeError: this.getOptions is not a function 如下所示： 这时由于less-loader版本过高，不兼容getOptions 。 【解决】 卸载当前版本less-loader，重新安装低版本的less-loader npm uninstall less-loader npm install less-loader@6 --save-dev 重新运行项目就可以了。 ...
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
michiko98的博客
10-31 6270
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。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值