node-sass 安装过程

说明

当前端使用 node-sass 依赖,有时候发现该依赖总是安装失败。
下面说明常见的失败情况和解决方法。

注意 node-sass 的版本

在安装 node-sass 的时候,不同的版本,需要对应的 node 版本支持。高版本的 node 并不支持低版本的 node-sass 的安装。
node-sass 对应 node 版本,如下图所示:


image.png

例如:要安装 node-sass@4.13.1,就可以安装 v13.x 的 node。

设置淘宝源

npm config set registry http://registry.npm.taobao.org/

设置插件仓库地址

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

安装 VS 2017 with Desktop Development Kit for C++

vs_buildtools 下载地址:https://visualstudio.microsoft.com/zh-hans/thank-you-downloading-visual-studio/?sku=BuildTools

vs_community 下载地址:https://visualstudio.microsoft.com/zh-hans/thank-you-downloading-visual-studio/?sku=Community

安装C++开发工具


image.png

在控制台执行下面的命令:

npm config set msvs_version 2017 --global
image.png

验证设置:

npm config get msvs_version
image.png

VS 编译工具相关问题可以参考:https://stackoverflow.com/questions/63627716/nodejs-electron-forge-node-gyp-could-not-find-any-visual-studio-installation-to

关于 VS 编译工具的另一种安装方案(未验证)

npm install -g windows-build-tools

安装 python 2.7

注意:不要安装 Python 3.x 版本。
Python 下载地址:https://www.python.org/downloads/

image.png

设置 ExecutionPolicy

用管理员权限打开 Windows PowerShell,执行下面的命令,并选择A,表示全部更改。

set-ExecutionPolicy RemoteSigned

如图所示:


image.png

安装 node-sass

最后安装,node-sass ,一般都可以成功。

npm install node-sass -g
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容