vue-cli3配置sass采坑：Syntax Error: TypeError: this.getOptions is not a function

最新推荐文章于 2023-05-19 16:56:02 发布
最新推荐文章于 2023-05-19 16:56:02 发布
阅读量920 收藏 2
点赞数 1
分类专栏： vue 文章标签： javascript sass vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChenLingZhi1115/article/details/115006324
版权

使用scss，编译时提示报错，信息如下

 error  in ./src/common/projectTab.vue?vue&type=style&index=0&id=1bea45d7&lang=scss&scoped=true&

Syntax Error: TypeError: this.getOptions is not a function

各种百度搜索搞了一下午
原因是因为sass-loader版本太高了。。。=_=||

解决

降低sass-loader版本即可，这里使用的版本号如下：

"node-sass": "^4.9.0
"sass-loader": "^7.0.1",

Tip：如果已经安装了sass-loader，需要重新卸载再安装

// 卸载
npm uninstall sass-loader
// 重装指定版本
npm install sass-loader@7.0.1 --save-dev

搞定…

CCC1115
关注
专栏目录
Syntax Error: TypeError: this.getOptions is not a function——解决node-sass、sass-loader因版本问题引起的错误
News777的博客
03-10 605
常见错误 Syntax Error: TypeError: this.getOptions is not a function Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. 等等，个人认为是因node版本与安装的node-sass和sass-loader版本不兼容导致 解决 1.查看自己的node版本 node -v 2.查看node-sass对于版本 官方链接：node-sass 3.我的n
npm报错TypeError: this.getOptions is not a function
邓邓子的博客
02-02 1160
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 ...
vue-cli3配置sass-loader报错
Javavison的博客
04-19 1449
报错信息： Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. options has an unknown property ‘additionalData’. These properties are valid: object { implementation
Syntax Error: TypeError: this.getOptions is not a function
程序源的博客
02-23 2088
报错： 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...
ERROR in ./src/css/normal.css Module build failed: TypeError: this.getOptions is not a function
weixin_50974618的博客
08-02 575
webpack打包CSS问题
Vue引入scss文件报错 Syntax Error: SassError: Undefined variable.23 │ $b-custom-radio-indicator-border-rad
手撕鸡翅的博客
08-28 9209
错误如下：scss编译错误 error in ./src/assets/scss/index.scss Syntax Error: SassError: Undefined variable. ╷ 23 │ $b-custom-radio-indicator-border-radius-lg: $custom-radio-indicator-border-radius !default; │ ^^^^^
关于 vue3 安装sass 出现 Syntax Error: TypeError: this.getOptions is not a function
weixin_39309918的博客
03-16 3505
vue3安装sass成功；但是编译时候； 出现如何以下错误 ERROR Failed to compile with 1 error 下午1:05:09 error in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&lang=s
vue使用sass报错: Syntax Error: TypeError: this.getOptions is not a function
qq_29176323的博客
07-24 1602
vue使用sass报错: 出现问题场景：vue运行项目过程中报错 原因安装的 scss-loader 版本太高，卸载安装低版本即可 解决降低scss-loader的版本 参考vue文档 #### 这是我的版本 可以正常运行 "node-sass": "^6.0.1", "sass": "^1.35.2", "sass-loader": "^8.0.2", #### 参考命令 npm uninstall --save sass-loader // 卸载 npm i -D sass-loader@
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
m0_67402588的博客
03-08 634
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案 踩坑一：（Module build failed: TypeError: this.getOptions is not a function ） 这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.
Vue 报错 之 Syntax Error TypeError this.getOptions is not a function
m0_67394360的博客
03-03 725
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function 目录 Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.
Syntax Error :error node sass version xxx is incompatible with xxx
bianxia123456的博客
07-07 510
背景： MAC，前端，vue跑不起来，报错如标题 解决办法： 大概是两个包的版本不匹配，卸载了node-sass和sass-loader，重新装了俩，如下： npm uninstall sass-loader npm install sass-loader@10.1.1 --save-dev npm uninstall node-sass npm install node-sass@5.0.0 --save-dev 完事之后能解决，但是版本不限于这俩，只要匹配即可 ...
vue3全局引入sass报错
ludaiyijia的博客
05-19 219
【代码】vue3全局引入sass报错。
解决vue.js+node.js安装SASS失败等问题
coderYangs的博客
05-05 1095
解决vue.js+node.js安装SASS失败等问题 让我们直接看报错信息 ERROR Failed to compile with 1 errors 下午1:23:...
scss-loader error问题解决 : options has an unknown property 'includePaths'
学渣蓝鲸的博客
09-23 1万+
使用webpack工程化小程序时，scss 解析失败 以下是我原本的配置： // webpack.config.js module.exports = { ...其他配置 module: { rules: [ ... { test: /\.(scss)$/, include: /src/, use: [ ...
Syntax Error: SassError: Undefined variable. ╷ 314 │ color: $u-primary； │
热门推荐
weixin_44563526的博客
04-27 1万+
项目场景： 使用Uni-app创建文件并使用Uview引用scss报错 问题描述 安装sass后 启动会报 找不到这个东西 原因分析： 1.可能是配置全局引用没有完整 查看自己是否全局引用完整 1.安装依赖 // 安装sass npm i sass -D // 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错 npm i sass-loader@10 -D 2.安装uview-ui npm install uview-ui 默认版本为1.X 官网默认打开
Vue项目安装Sass出现 Syntax Error: TypeError: this.getOptions is not a function
陈坚泓的博客
04-18 7315
Vue项目安装Sass出现 Syntax Error: TypeError: this.getOptions is not a function问题解决先卸载已经安装的`sass-loader`重新安装指定版本的sass-loader重新跑项目推荐阅读 你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特 《人生果实》经典语录 问题 通过vue-cli脚手架的vue create命令创建了项目，想在项目中使用sass预处理器，通过vue cli官网如下介绍 Vue CLI 项目天生支持PostC
关于 vue3 使用scss 出现 Syntax Error: TypeError: this.getOptions is not a function
u010994219的专栏
10-12 651
vue3使用scss只用安装两个包就行： npm install sass --save 这个问题是sass-loader版本太高 直接改package.json中的sass-loader:"^10.1.0" 然后执行npm install就ok 和npm install sass-loader@^10.1.0 --save是一样
in ./src/views/xalszzlzx_web/index.vue?vue&type=style&index=0&id=12601b30&scoped=true&lang=scss& Syntax Error: TypeError: this.getOptions is not a function
最新发布
06-01
这个错误通常是由于在vue组件的样式中使用了this.getOptions()方法，但是该方法并不存在或者没有正确定义导致的。例如，在使用sass预处理器的时候，可能会在样式中使用了类似于以下的代码： ``` $color: this....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CCC1115

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值