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

已于 2022-04-27 17:10:46 修改
阅读量604 收藏
点赞数
文章标签： scss sass 前端
于 2022-03-05 22:56:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52941842/article/details/123302971
版权
本文解释了SCSS版本不匹配导致的错误，并提供了有效的loader（如sass-loader 4.1.1/7.3.1）与node-sass（如4.3.0/4.7.2）版本组合建议。遇到问题时，需卸载并重新安装对应版本以确保项目兼容。
摘要由CSDN通过智能技术生成

原因：

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

如果单独安装node-sass报错就直接复制对应的sass-loader跟node-sass对应版本到package.json文件中去，然后npm i 执行一下，然后重启项目

安装之前先卸载对应的包，要在package查看是否卸载干净，有时分支的包在执行

npm uninstall卸载的时候并不会卸载，这时需要npm uninstall （对应的包名）--save-dev

安装完成记得重新run一下

蕉君桑
关注
npm报错TypeError: this.getOptions is not a function
邓邓子的博客
02-02 1114
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 ...
Syntax Error: TypeError: this.getOptions is not a function——解决node-sass、sass-loader因版本问题引起的错误
News777的博客
03-10 558
常见错误 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
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
asdfadafd的博客
02-28 603
最近学习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.
妈呀，sass-loader报错了 TypeError: this.getOptions is not a function
lzfengquan的博客
02-16 2611
你是不是也报错了 TypeError: this.getOptions is not a function 说 getOptions不是一个函数。 网上都说版本高，试了好几个都不行， 就算我按照以前成功的方法执行还是不OK， 以前执行的各种方法也是成功的，这次不行了，不过可以看看 最后终于解决了。 先把我们的node-modules文件包删除了 注意一定要删除了，要不然有缓存问题，造成我们一直可能不会成功 然后我们检查自己的node版本，我的目前是16.5.0 的。 检查原因：发现是当我们写了 lang
安装sass运行报错TypeError: this.getOptions is not a function
weixin_46761843的博客
05-24 3180
一问题： 最近在做一个老项目的迭代，发现老项目都用的是css，过于繁琐，就下载了sass.但是运行就报Error: Module build failed: TypeError: this.getOptions is not a function的错 二排查： 在网上搜索，有文章说是解决less相关问题的说是“ less-loader版本太高了，安装低版本的就没问题啦，比如5.0.0。看当前安装的是less-loader@8.0.0,降级到less-loader@v5.0.0之后也确实好...
使用scss报错 TypeError: this.getOptions is not a function
qq_42844731的博客
01-28 1093
sass及周边生态版本需要对应: yarn add -D @storybook/preset-scss css-loader@5.2.6 sass sass-loader@10.1.1 style-loader@2.0.0
TypeError: this.getOptions is not a function 解决方法
最新发布
曈欣的博客
11-08 1186
例如，node-sass 版本为 ^4.0.0，表示 sass-loader 的版本应该为 ^8.0.0 或更高版本，但不包括 10.0.0 及以上版本。的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。当我确定了 sass-loader 的版本之后，直接安装的 sass，默认最新版本，就没有报错，可以成功运行。也可以不用 node-sass 用 sass 代替，推荐大家去安装 sass，因为它对环境的依赖比较低。
Module build failed: TypeError: this.getOptions is not a function（已解决）解决node-sass与node版本冲突问题
weixin_44919186的博客
07-25 1732
问题： 执行npm run dev，首先出现了如下这个问题 ： 踩坑1： 之后上网查原因得知是因为：node-loader版本过高导致的问题，建议将版本降低到@7.3.1 通过命令：npm install sass-loader@7.3.1 --save-dev降低了版本 再继续执行npm run dev 依然还是继续报错如下： 踩坑2： 之后继续网上查原因得知是因为：@6.0.0版本过高了，需要换成@4.x版本的 继续通过命令：npm in...
this.getOptions is not a function，sass安装失败
RubyLinT的博客
06-15 380
是因为sass的版本太高了，降级即可 npm uninstall --save node-sass // 卸载 npm i node-sass@4.14.1 // 安装
TypeError: this.getOptions is not a function 的解决
热门推荐
hyupeng1006的博客
01-06 2万+
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。
TypeError: this.getOptions is not a function解决方案
weixin_45392774的博客
09-03 1090
问题出现： 用webpack打包项目后，运行过程中报错，如下图： 问题分析 经过网上查询资料结合报错内容，推测是sass-loader版本过高，不兼容getOptions函数方法，所以需要对sass-loader进行降级处理 问题解决 通过npm uninstall sass-loader命令卸载原来版本@12.0.0，后 通过sass-loader命令下载降级版本的sass-loader@8.0.0，解决啦 ...
Syntax Error: TypeError: this.getOptions is not a function
weixin_43343144的博客
10-14 199
Syntax Error: TypeError: this.getOptions is not a function_风如也的博客-CSDN博客 检查代码中并无写错的地方 其实涉及到这个问题，就是版本原因了，我安装的scss-loader版本太高，卸载安装低版本即可 // vue3使用10.2的版本没问题 npm install sass-loader@10.2.0 --save-dev ...
sass安装问题 TypeError: this.getOptions is not a function
weixin_47180815的博客
04-15 2447
TypeError: this.getOptions is not a function 原因：sass版本过高 降低sass版本 先卸载然后再安装 cnpm install sass-loader@5.0.0 node-sass@4.14.1
SCSS报错: TypeError: this.getOptions is not a function
qq_35637447的博客
09-18 1477
./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.
sass 版本过高 报错this.getOptions is not a function
weixin_67849181的博客
04-11 284
vue项目中用到sass报错，代码正常无问题，运行报错this.getOptions is not a function。涉及到这个问题，就是版本原因了，我安装的。版本太高，卸载安装低版本即可。
uni 可以运行 但是打包报错 TypeError: this.getOptions is not a function
11-03
根据提供的引用内容，你在引入uni-ui组件时遇到了微信开发者工具终端报错TypeError: this.getOptions is not a function。这个问题可能是由于你下载的是最新的sass-loader导致的。解决办法是安装sass-loader@10.1.1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值