TypeError: this.getOptions is not a function 引入less一直报错

最新推荐文章于 2023-05-25 11:55:08 发布
原创 最新推荐文章于 2023-05-25 11:55:08 发布 · 246 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在使用Vue CLI时遇到一个关于Less的加载错误：TypeError: this.getOptions is not a function。错误源于less-loader的版本过高。解决方法是将less-loader降级到7.x版本。通过npm先卸载现有版本，然后安装指定版本7.x，问题即可得到解决。

TypeError: this.getOptions is not a function 引入less一直报错

错误提示：

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/stylePostLoader.js!./node_modules/
 postcss-loader/src??ref--10-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules
 /cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?
 vue&type=style&index=0&id=7ba5bd90&lang=less&scoped=true& 4:14-473 14:3-18:5 15:22-481

原因

是less-loader安装的版本太高，卸载重新安装7.0版本即可

// 卸载
npm uninstall --save less-loader
// 安装
npm install -D less-loader@7.x
superJamison
关注
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 7290
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 1600
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 react坑--使用less
weixin_47677528的博客
08-02 556
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
TypeError: this.getOptions is not a function和Module build failed (from ./node_modules/sass-loader/di
阿小绿的博客
04-23 936
问题1：Module build failed (from ./node_modules/sass-loader/dist/cjs.js): 这个是因为node-sass没安装好，所以要重新安装 运行命令：npm install node-sass --registry=https://registry.npm.taobao.org 问题2：TypeError: this.getOptions is not a function 今天用webpack打包项目，安装了less-loader模块之后报错，如下图
vue出现this.getOptions is not a function问题
qq_43894292的博客
11-17 582
原因： less-loader安装的版本过高 解决方案： 先卸载在安装 1.npm uninstall less-loader 2.npm install less-loader@6.0.0
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
惜江浅的博客
02-09 1万+
TypeError: this.getOptions is not a function 报错解决方案
[Vue]解决less-loader 报错 TypeError: this.getOptions is not a function
喜欢前端的后端 MelodyJerry
02-26 1万+
问题 less-loader 报错 TypeError: this.getOptions is not a function at Object.lessLoader： Failed to compile. ./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--1
使用AntD实现按需引入，更改项目主题色，出现TypeError: this.getOptions is not a function
yangaoyuan1999的博客
08-03 590
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项目，如果需要手动修改配置，需
【webpack4学习记录】使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function
安之ccy的博客
08-12 1594
使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function的解决办法
TypeError: this.getOptions is not a function解决方法
yan的秘密基地
03-16 3251
Vue中出现TypeError: this.getOptions is not a function解决办法
报错提示不是一个函数：TypeError: this.getSearchList is not a function
TIANJING_er的博客
05-25 1854
TypeError: this.getSearchList is not a function
ant按需加载、配置config-overrides.js文件、项目中引入less、解决TypeError: this.getOptions is not a function错误
lingzhisen的博客
04-02 667
安装antd模块 npm install antd 按需加载需要安装的模块： npm install react-app-rewired customize-cra babel-plugin-import 引用less需要安装的模块 npm install less less-loader 按需加载打包js模块配置：config-overrides.js const {override,fixBabelImports,addLessLoader} =require('customize.
TypeError: this.getOptions is not a function 的解决
热门推荐
浮生离梦的博客
02-07 7万+
一、问题的出现： 在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示： 二. 问题的分析及解决： 问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理 问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm i
this.getOptions is not a function另辟蹊径的解决方案
qq_37536520的博客
04-14 1094
this.getOptions is not a function另辟蹊径的解决方案
TypeError: this.getOptions is not a function at Object.lessLoader(紧接括号，关键词：less-loader)
qq_51758070的博客
02-17 2722
今天在使用样式预编译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版
TypeError: this.getOptions is not a function at Object.lessLoader
cuixifeng的博客
02-03 1万+
TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决 less版本问题，卸载重新安装指定版本号npm install less@3.9.0 -s npm install less-loader@5.0.0 -s
react中使用less，不用手动配置webpack。并包含TypeError: this.getOptions is not a function错误解决方法
qq_41732963的博客
06-03 867
前言： 我相信你们百度了很多教程叫你们去打开eject然后自己手动配置webpack，我试过很多次但最终还是失败了，不知道是我配错了还是咋地。后来发现了这个办法简单好用。 注意： 文章中引用包我都是用的yarn,你们用npm也是可以的 1.引入less和less-loader yarn add less less-loader@5.0.0 注意： 这里解释一下为什么要指定less-loader@5.0.0版本，因为直接安装的是最高版本，但是会存在不兼容和没效果的情况，这个会在下面进行解释。 2.引入 re
页面使用less报错 Syntax Error: TypeError: this.getOptions is not a function
最新发布
06-19
页面使用 `less` 时出现 `Syntax Error: TypeError: this.getOptions is not a function` 的问题，通常与项目中使用的 `less-loader` 版本不兼容有关。以下是详细的解决方案： #### 1. 确认 `less` 和 `less-loader...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值