this.getOptions is not a function另辟蹊径的解决方案

已于 2022-09-09 15:37:53 修改
阅读量940 收藏
点赞数
文章标签： css less node.js sass
于 2022-04-14 11:19:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37536520/article/details/124167014
版权

大清早从网上了 C+V 了一个实例组件代码，还没来得及打开浏览器查看效果就在终端来了一段Failed to compile with 1 error
在这里插入图片描述
直接就给我整不会了
不过这个提示信息

似曾相识

没错！就是网上说需要通过降低less或者sass版本号解决的那个问题。
不过我的配置在没有任何变更的情况下出现这种情况，肯定是和不需要降低版本号的，那么原因肯定是出在了这个样例组件页面中，通过分析最终确定是由于<style scoped lang="less">造成的，若项目中使用了sass则需要将less变更为scss

遇到问题给自己些许的思考时间

草海花龙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
loader-utils:Webpack加载程序的实用程序
04-22
loader-utils 方法 getOptions 检索加载程序调用选项的推荐方法： // inside your loader const options = loaderUtils . getOptions ( this ) ; 如果this.query是字符串： 尝试解析查询字符串并返回一个新对象 如果不是有效的查询字符串，则抛出该异常 如果this.query是类对象，则仅返回this.query 在任何其他情况下，它只返回null 请注意：返回的options对象是只读的。 它可以在多个调用中重复使用。 如果将其传递给另一个库，请确保对其进行深拷贝： const options = Object . assign ( { } , defaultOptions , loaderUtils . getOptions ( this ) // it is safe
this.getOptions is not a function
qq_46199553的博客
02-04 3387
Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-style-loader??ref–11-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref–11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/p ostcss-loader/s
Error：this.getOptions is not a function
qq_45780380的博客
03-16 479
Error：this.getOptions is not a function 今天在使用Vue中想在style中使用less语法 <style lang="less" scoped> .login_container{ background: #2b4b6b; } </style> 安装好依赖less和less-loader但是却报了下面的错误： 查阅得知是因为less-loader的版本过高所致 解决方案： 1.npm uninstall less-loader 2.n
Vue-3-Modal-Project
03-11
Vue 3和Firebase VSC扩展 物质图标主题 vetur 实时服务器 CSS 要使用Sass / SCSS编译Vue <style>标记并解决TypeError: this.getOptions is not a function in vue.js 对于在创建Vue项目时使用CSS Preprocessors同意，请选择Dart-Sass以使用@use和@include类的@use package.json中的npm i -D sass sass-loader： devDependencies: “sass-loader”: “7.3.1”,删除node_modules npm我的package.json文件： "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin
TypeError: this.getOptions is not a function 的解决
hyupeng1006的博客
01-06 1万+
React这个实际上就是 sass-loader 的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader，重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹，直接修改package.json里sass-loader和node-sass里的版本，然后npm install四、node。
Vuex后台项目运行报错：TypeError: this.getOptions is not a function at Object.lessLoader问题
weixin_44108880的博客
03-11 1856
**问题原因：**webpack和less-loader版本兼容问题导致的 **解决办法：**将现有的less和less-loader卸载，重新在Terminal中安装指定版本的less和less-loader npm install [email protected] [email protected] -s 然后重新启动任务，就可以顺利运行了。 ...
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
最新发布
michiko98的博客
10-31 2886
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。
TypeError: this.getOptions is not a function 的解决(vue,react)
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-25 5万+
1.npm uninstall less-loader 2.npm install [email protected] 一、报错信息 TypeError: this.getOptions is not a function这个是在运行项目是遇到的问题 vue里 ...
this.getOptions is not a function错误解决方案
qq_43942520的博客
09-05 3127
this.getOptions is not a function错误解决方案 在使用webpack时总会遇到这样的问题，都是版本不兼容问题，可降低版本来实现： //style-loader npm install style-loader@+版本号 --save-dev //less-loader npm install less-loader@+版本号 --save-dev less //css-loader npm install css-loader@+版本号 --save-dev ......
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
loaderContext.getResolve is not a function
01-08
问题 使用 iView 官网的方法打算覆盖全局样式时，出现了问题： ...解决 首先修改版本号 我将版本改为如下: less: 3.9.0 less-loader: 5.0.0 有一个新的错误： 原创文章 17获赞 11访问量 3万+ 关注
Vue.Isotope：用于同位素过滤器和分类魔术布局的Vue组件
02-06
Vue同位素 Vue组件（Vue.js 2.0）或指令（Vue.js 1.0）允许包括过滤和排序。... isotope :options =' getOptions() ' :list =" list " @filter =" filterOption=arguments[0] " @sort =" sortOption=arg
springboot整合帆软报表案例
01-19
该案例整合了java流行框架springboot和报表制作工具帆软，帆软版本10.0，内附整合文档，有问题可以咨询QQ：361440206 整合项目介绍：https://blog.csdn.net/qq_39408914/article/details/100765504
TypeError: this.getOptions is not a function 报错解决心得
jyz18838957183的博客
04-08 1487
原因就是: sass的版本太高了npm uninstall sass-loader 解决办法就是：npm install [email protected] 困扰我几天的问题 况且还是nuxt,js 写的网站
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
仙魁XAN
10-29 2万+
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 目录 IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...
TypeError: this.getOptions is not a function解决方法
yan的秘密基地
03-16 2805
Vue中出现TypeError: this.getOptions is not a function解决办法
【Bug解决】api.onOptionChange is not a function
Dan的博客
05-04 3789
我在添加umi-plugin-react插件之后，使用umi命令报错： api.onOptionChange is not a function TypeError: api.onOptionChange is not a function at _default (D:\graduationProject\vueWorkSpace\house-reactjs\node_modules\umi-plugin-react\lib\index.js:62:7) at Generator.next
uploadify动态更新配置参数方法uploadifySettings()报错“updateSettings is not a function”之解决办法...
weixin_33725239的博客
07-28 540
昨天在为朋友的百居易旅游网使用uploadify插件解决上传文件过程中，在尝试调用动态更新配置参数的方法uploadifySettings()时，总是抛出一个“updateSettings is not a function”错误。解决过程如下：使用uploadify动态修改参数的方法。 $("#uploadify").uploadifySettings('scriptDa...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值