用 dart-sass 替换 node-sass

封面 《あにまる☆ぱにっく》

问题描述

使用 yarn install 命令的时候无法安装依赖，具体问题如下

[4/4] Building fresh packages...
[1/4] ⠠ core-js
[2/4] ⠠ node-sass
[-/4] ⠠ waiting...
error D:\Code\zju_project\2021\temp\alsprj_fe\node_modules\node-sass: Command failed.

仔细查看描述可以看到，主要错误是 node-sass 引起的。查看 node-sass 的 READEME 可以看懂 node-sass 对 node 的版本有要求。我 node16 支持的是 node-sass 7.0 + 而原本的是给 4.14 不支持

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+	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 版本，在 unix 系统上有 n 这类工具，而 windows 没有。另一个解决方案就是本次提到的用 dart-sass 替换 node-sass。直接替换还不行，需要改名，因此执行下面的命令即可。

yarn add node-sass@npm:dart-sass

安装完成，运行 yarn start 可以看到项目正常运行

参考文献

使用 dart-sass 代替 node-sass