(转载)一劳永逸解决Vue sass-loader node-sass node的安装问题

926次阅读
没有评论

共计 1433 个字符,预计需要花费 4 分钟才能阅读完成。

node-sass 代码库地址:https://github.com/sass/node-sass

吐槽

我已经被 sass 这个 sb 玩意折磨了无数次了,直接 npm i sass-loader 就会报错,之前碰巧降版本解决了问题,但是这几天发现降版本也不管用了,百度直接搜错误信息甚至都找不到一个有用的答案。

查了 N 多资料无果之后我换了种方法,因为要实现 sass 需要同时有 sass-loader  node-sass   而 node-sass 一看就和 node 有关系,我以此为切入点搜索,终于让我找到一个大佬总结的文章。

为了以后不再被这 sb 玩意折磨,我决定转载一下这个文章。如果能帮到各位,请去给原作者点赞!

见过的错误

1、安装 sass-loader 后报 TypeError: this.getOptions is not a function

2、安装 sass-loader 低版本后报 Syntax Error: Error: PostCSS received undefined instead of CSS string

3、安装 node-sass 时报 Install fail! RunScriptError: post install error, please remove node_modules before retry!

也许还有其他错误,但是这几个我几乎每次都能遇到。

万能无错版本

大佬总结了一套万能无错版本,但是经过我测试,以下版本对应是最完美的!

重要提醒:一定要先看 node 版本是不是符合要求,不符合的用下面的方法修改,不然装不上。版本一定得对应!

node 12.x
sass-loader 7.3.1
node-sass 4.14.1

node 16.x
sass-loader 10.0.1
node-sass 6.0.1

node 版本对应的 node-sass

NodeJS Supported node-sass version Node Module
Node 17 7.0+ 102
Node 16 6.0+ 93
Node 15 5.0+, <7.0 88
Node 14 4.14+ 83
Node 13 4.13+, <5.0 79
Node 12 4.12+, <8.0 72
Node 11 4.10+, <5.0 67
Node 10 4.9+, <6.0 64
Node 8 4.5.3+, <5.0 57
Node <8 <5.0 <57

下面是 node-sass 和 sass-loader 推荐对应版本

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
sass-loader@^7.3.1,node-sass@^4.14.1

安装 node-sass 和 sass-loader 的方法

// 以下管理器任选一种,推荐 cnpm
npm i node-sass@^4.14.1
cnpm i node-sass@^4.14.1
yarn add node-sass@^4.14.1

npm i sass-loader@^7.3.1
cnpm i sass-loader@^7.3.1
yarn add sass-loader@^7.3.1

查看 node 版本的方法

node -v

修改 node 版本的方法

// 首先安装 node 版本管理器 n
sudo npm install n -g

// 自定义版本号安装
sudo n 版本号  // 例如:sudo n 10.16.0;本文推荐 sudo n 12

// 安装稳定版
sudo n stable

// 安装最新版
sudo n latest

正文完
 
紫旭
版权声明:本站原创文章,由 紫旭 2022-03-12发表,共计1433字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)