vue 使用scss报错 this.getOptions is not a function

最新推荐文章于 2022-07-26 23:15:56 发布

原创最新推荐文章于 2022-07-26 23:15:56 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #scss #npm

前端兼容问题合集专栏收录该内容

17 篇文章

订阅专栏

本文介绍了解决使用npm安装Sass时遇到的getOptions()不兼容问题的方法。建议安装特定版本的sass-loader和node-sass以确保兼容性。

背景：npm 安装sass发现报错了大概

通过npm安装sass

npm install node-sass
npm intall sass-loader

上述命令安装的是最新版的，出现错误的原因就是安装最新版的导致getOptions()不兼容，解决方案就是卸载sass-loader node-sass，安装低版本，命令如下

npm uninstall sass-loader //卸载
npm install sass-loader@8.0.0  //安装8.0
npm uninstall --save node-sass
npm install node-sass@4.14.1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

时光机上敲代码

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

Vue 报错之 Syntax Error TypeError this.getOptions is not a function

m0_67394360的博客

03-03

853

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.

在Vue中使用sass和less，并解决报错问题（this.getOptions is not a function）

耶温的博客

04-25

895

使用 Less 下载依赖：npm install less less-loader 在mian.js 中添加: import less from "less"; Vue.use(less); 使用： <style lang="less"></style> 使用 Less 时运行报错 this.getOptions is not a function 原因：less-loader安装的的版本过高解决：重新安装较低版本 npm uninstall less-load

2 条评论您还未登录，请先登录后发表或查看评论

Vue--解决Scss报错：Syntax Error: TypeError: this.getOptions is not a function

IT利刃出鞘的博客

07-26

3743

本文介绍Vue集成scss时的报错的解决方法。报错信息为：Syntax Error: TypeError: this.getOptions is not a function

SCSS报错: TypeError: this.getOptions is not a function

qq_35637447的博客

09-18

1645

./node_modules/css-loader??ref--9-1!./node_modules/postcss-loader/lib??ref--9-2!./node_modules/sass-loader/dist/cjs.js??ref--9-3!./src/assets/styles/global.scss Module build failed: TypeError: this.getOptions is not a function at Object.loader (D:\MyP.

TypeError: this.getOptions is not a function 的解决

u010227042的博客

09-20

4095

一、问题的出现：在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示：二. 问题的分析及解决：问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后通过 npm install less

scss安装后报错：this.getOptions is not a function问题

weixin_43839531的博客

10-19

309

//卸载sass-loader，安装7.3.1版本 npm uninstall --save sass-loader npm i -D sass-loader@7.3.1 // 卸载node-sass 安装4.14.1版本 npm uninstall --save node-sass npm i node-sass@4.14.1 // 重新启动，问题解决

使用scss报错 TypeError: this.getOptions is not a function

qq_42844731的博客

01-28

1160

sass及周边生态版本需要对应: yarn add -D @storybook/preset-scss css-loader@5.2.6 sass sass-loader@10.1.1 style-loader@2.0.0

vue 使用scss 报错this. get0ptions is not a functionat Object

最新发布

11-01

当你在Vue项目中尝试使用SCSS并且遇到`this.getOptions is not a function`这个错误，这通常表示你在试图调用一个未定义或不存在的方法`getOptions`。以下是几个可能的原因： 1. **方法绑定错误**：检查你是否在...

【webpack4学习记录】使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function

安之ccy的博客

08-12

1624

使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function的解决办法

TypeError: this.getOptions is not a function，安装sass后报错

weixin_52941842的博客

03-05

699

原因： scss版本不匹配，或者版本太高如果安装的loader版本太高而安装的node-scss版本又太低就会出现不兼容从而报错的问题，以下为有效匹配版本： sass-loader 4.1.1，node-sass 4.3.0 sass-loader 7.0.3，node-sass 4.7.2 sass-loader 7.3.1，node-sass 4.7.2 安装之前先卸载对应的包，要在package查看是否卸载干净，有时分支的包在执行 npm uninstall卸载的时候并不会卸载，这时需

安装scss 报错 TypeError: this.getOptions is not a function 解决方案

xiaosi1413的博客

04-24

1953

安装scss 报错 TypeError: this.getOptions is not a function 是因为版本过高 sass-loader 版本过高就回报错处理方法先卸载 npm uninstall -D sass-loader 在安装相应版本 npm install -D sass-loader@10.1.1

Scss报错 this.getOptions is not a function引入lang =scss

like245660的博客

02-26

248

npm uninstall sass-loader node-sass 卸载当前版本 cnpm install sass-loader@8.0.2 node-sass@4.14.1 安装此版本

vue使用sass报错: Syntax Error: TypeError: this.getOptions is not a function

qq_29176323的博客

07-24

1684

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@

关于 vue3 使用scss 出现 Syntax Error: TypeError: this.getOptions is not a function

u010994219的专栏

10-12

740

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是一样

vue引入scss文件或者less文件，报错 this.getOptions is not a function

weixin_44953689的博客

04-12

523

原因是sass-loader版本过高 1、npm uninstall sass-loader（卸载当前版本） 2、npm install sass-loader@7.3.1 --save-dev

TypeError: this.getOptions is not a function

m_2515的博客

02-06

627

Failed to compile ./src/pages/login/css/login.less (./node_modules/css-loader/dist/cjs.js??ref–5-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref–5-oneOf-8-3!./node_modules/less-loader/dist/cjs.js??ref–5-oneOf-8-4

安装sass/node-loader出现Syntax Error: TypeError: this.getOptions is not a function

mmiaoChong的博客

07-09

363

项目场景：项目中使用scss出现问题描述： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210709110517388.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21taWFvQ2hvbmc=,size_16,color_FFFFFF,t_70 原因分析：网上查阅是node-sass和sa

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错

qq_46153157的博客

05-01

833

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错第一步安装指令： npm install sass-loader node-sass --save-dev 第二步找到build文件下webpack.base.conf.js中的rules里面添加配置： { test: /\.sass$/, loaders: ['style', 'css', 'sass'] }