Module build failed TypeError this.getOptions is not a function报错解决方案

自己搭建vue时候，遇到了Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。

1. 先看一下报错信息

2.查看自己安装的node的版本

ctrl+R，输入cmd打开终端，输入以下指令

node -v

我自己的node版本是14.17.4，要根据安装的node版本去安装相应的node-sass版本。

3.node与node-sass对应版本

官方网站给出了版本对应的表格：https://www.npmjs.com/package/node-sass
懒得点进官网的可以直接看下面的表格：

NodeJs版本

支持的node-sass版本

Node17

7.0+

Node16

6.0+

Node15

5.0+, <7.0

Node14

4.14+

Node13

4.13+, <5.0

Node12

4.12+

Node11

4.10+, <5.0

Node10

4.9+, <6.0

Node8

4.5.3+, <5.0

Node<8

<5.0

可以看到node14对应的版本是4.14+的版本号，所以直接执行以下指令:

npm i [email protected] --save

4.对应的sass-loader版本号

安装完之后报错还是没有解决，这里还需要安装对应版本的sass-loader,在网上看到了一些，整理一下。

node-sass版本

sass-loader版本

4.3.0

4.1.1

4.7.2

7.0.3

4.7.2

7.3.1

4.14.1

7.3.1

6.0.1

10.0.1

鉴于我自己安装的4.14版本的node-sass，所以安装了对应的7.3.1版本的sass-loader，执行以下指令安装

npm i [email protected] --save

5.总结

总结一下大概就是要安装跟node版本匹配的node-sass 和sass-loader，如果使用的都是最新版本，直接执行以下指令即可

npm insatall node-sass sass-loader --save
或
npm insatall node-sass sass-loader --save-dev

这里的–save-dev和–save的区别只是下载到package.json里的devDependencies或dependencies，两者区别在于前者是在本地环境用到的依赖，后者是在开发环境需要用到的依赖，只在本地开发的话–save-dev即可。

如果有不准确的地方，望批评指正~

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦