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

最新推荐文章于 2022-07-26 23:15:56 发布
最新推荐文章于 2022-07-26 23:15:56 发布
阅读量887 收藏 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
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Syntax Error: TypeError: this.getOptions is not a function——解决node-sass、sass-loader因版本问题引起的错误
News777的博客
03-10 498
常见错误 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 1048
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 1346
报错信息： 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
Vue引入scss文件报错 Syntax Error: SassError: Undefined variable.23 │ $b-custom-radio-indicator-border-rad
手撕鸡翅的博客
08-28 9089
错误如下：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; │ ^^^^^
编写前自动化部署的相关准备
致力于成为web大大滴前端
07-22 303
在开发前，决定使用Grunt来做自动化部署工作： 首先，CSS等采用sass编译，首先安装Node.js（新版的自动包含了npm）、Ruby;接着安装sass，再接着构建Grount： ## 构建工具Grunt  (如果没有安装nodejs/npm先安装nodejs/npm|ruby也得装，编译sass需要) npm install -g grunt-cli npm install gr
安装sass报错解决方案
1111111111
01-27 2834
最近跟着B站视频学习前端开发：https://www.bilibili.com/video/BV1Sc41187nZ?p=7 按照老师给的指令，在cmd里安装sass，一直报错。 在网上各种找资料，webpack fibers sass-loader node-sass，挨个装了个遍，不停卸载安装，都报错，总是无法通过编译。 就在我快放弃的时候，我想到了我的开发工具HBuilderX，也许能帮我解决这个问题。 结果发现HBuilderX已经安装了sass。 网上很多人说不要使用
Syntax Error: TypeError: this.getOptions is not a function
木子聊前端
02-25 8629
场景重现 通过vue-cli搭建一个vue3.0项目，在使用less 的时候报错，依据官方的安装： npm install -D less-loader less 安装的都是最新的 其中less-loader 是今天最新的 8.0.0 版本。 这时候运行 npm run serve 提下如下错误 通常提示 Syntax Error: TypeError: this.getOptions is not a function 提示语法错误都是 版本问题 解决 1，通过降级版本号是最快捷的方法 卸载 les
Vue 报错 之 Syntax Error TypeError this.getOptions is not a function
m0_67394360的博客
03-03 700
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.
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: [ ...
Vue--解决Scss报错：Syntax Error: TypeError: this.getOptions is not a function
IT利刃出鞘的博客
07-26 3315
本文介绍Vue集成scss时的报错的解决方法。 报错信息为：Syntax Error: TypeError: this.getOptions is not a function
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 ...
scss 编译报错：Module build failed:Unknown word
zwkkkk1的博客
09-19 5269
首先，请确认错误不是由语法错误造成的。 在排除语法错误后，这一问题产生的原因很有可能是 webpack 的 loader 顺序设置错误。 解决方案 首先要确认下面的扩展有没有安装好 npm i sass-loader node-sass postcss-loader autoprefixer css loader 的配置 生产环境 { test: /\.css$/, use: Ext...
vuecli3使用官方方法配置sass全局变量报错 options has an unknown property 'data'. These properties are valid: object
weixin_43932098的博客
10-28 1万+
更新的scss版本在vue cli3的项目里面的配置需要修改参数设置，具体在vue.config.js文件 sass-loader报错： Module build failed (from ./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass...
UnknownError:Fail to find the dnn implementation解决方法
qq_36732844的博客
11-17 2567
程序加上下面代码 gpus = tf.config.experimental.list_physical_devices(‘GPU’) if not gpus: return “No GPU available” try: # Currently, memory growth needs to be the same across GPUs for gpu in gpus: tf.config.e...
vue-cli 3中dart-sass替换node-sass
xin00guang的博客
07-24 5960
如何在Vue-cli3中将dart-sass替换为node-sass, 以及使用过程
整理 node-sass 安装失败的原因及解决办法
一个写Bug的切图仔
07-09 9924
文章出处 node-sass 安装失败的原因 npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。 这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案就是使用其他源，或者使用工具下载，然后将安装源指定到本地。 解决方法一：使用淘宝镜像源（推荐） 设置变量 sass_binary_site，指向淘宝镜像地址。示例 npm i node-sass --sass_binary_site=htt
记录使用 Sass 过程中遇到的问题和解决办法
抓更够
09-25 572
记录使用 Sass 过程中遇到的问题和解决办法 时不时更新
vue Syntax Error: TypeError: this.getOptions is not a function
最新发布
09-12
这个错误通常发生在 Vue 组件中，当你尝试使用 `this.getOptions` 方法时出现问题。错误信息表明 `this.getOptions` 不是一个函数。这可能是因为你没有正确定义或引入 `getOptions` 方法。 要解决这个问题，你可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

CCC1115

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

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

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

打赏作者

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

抵扣说明：

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

余额充值