2021-08-04

解决sass-loader和node-sass版本不兼容的问题

一、在Vue项目中，需要导入依赖sass-loader和node-sass

大多数人会遭遇的问题，直接输入命令安装

npm install sass-loader node-sass --save-dev

这样安装的会是最新版本，会导致版本不兼容

npm run dev

执行以上命令运行后报错：TypeError: this.getOptions is not a function

该问题原因：sass-loader版本太高

解决方案：

1、先卸载安装的高版本的sass-loader

npm uninstall sass-loader

2、安装指定低版本的sass-loader

npm install sass-loader@7.3.1

二、解决完这一步后还可能遇到的报错：Node Sass version 6.0.0 is incompatible with^4.0.0

解决方案：降低node-sass版本

1、先卸载之前版本的node-sass

npm uninstall node-sass

2、卸载后安装4.0.0版本

npm install node-sass@4.14.1

三、如果在第二步中无法下载node-sass 4.14.1版本，则需要查看nodejs的版本，因为nodejs也存在版本兼容问题

查看文档：https://github.com/sass/node-sass/releases

发现：4.14.1只兼容node 14及以前的版本，所以node 15及以后无法下载，需要将node 降版本

node 版本降到14以前，顺利下载node-sass@4.14.1,项目也成功运行