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
2021-08-04

该问题原因: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

2021-08-04

解决方案:降低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 降版本

2021-08-04

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

上一篇:因为webpack不兼容引起的vuex和axios安装失败


下一篇:[BUU-WriteUp]rip