node-sass编译安装

node-sass 是一个编译 sass 源文件为css 的nodejs 库,这是一个用C++ 写的底层库,在我们使用命令

npm install node-sass

安装的时候会使用 node-gyp 库去编译安装,这里我大概记录下安装流程和注意事项。

缘起:

在安装 node-sass 时报错,因为我本地装了vs2015,以前也安装了vs2017、vs2019,导致编译选项混乱而失败。

安装流程

安装 msbuild 编译工具(这里我推荐使用2017版 msbuild 编译工具)

去微软官网下载 MSBuild工具

在这里插入图片描述

选这个 Build Tools 就行,然后启动,工作负荷页选中两个

在这里插入图片描述
在这里插入图片描述

单个组件页里面页选中一些组件安装

在这里插入图片描述
在这里插入图片描述

选好之后下载安装好

在这里插入图片描述

注意配置

先执行命令 npm config list 查看环境

在这里插入图片描述
如果有 msbuild_path 就用以下命令删掉

npm config delete msbuild_path

然后执行命令

npm config set msvs_version=2017

设置编译时使用我们刚安装的2017版的 msbuild工具

安装 node-sass
npm install node-sass

一般安装好 msbuild 编译工具,设置好编译工具选项,到这一步都会成功。当然,其他问题也可能使编译安装不成功,这里只简单记录下我的安装经验。有时候也可以试试用 yarn。

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
遇到Node-Sass安装失败的情况,这可能是由于多种原因引起的。Node-Sass是一个将Sass(一个CSS预处理器)编译为纯CSS的工具,常见问题可能包括依赖版本冲突、缺少必要的构建工具、系统环境设置不正确等。以下是一些解决步骤: 1. **检查版本兼容性**:确保你的Node.js和npm版本与Node-Sass兼容。你可以在终端中输入`node -v`和`npm -v`查看。 2. **清理缓存和重新安装**:运行`npm cache clean --force`清除npm缓存,然后尝试`npm install node-sass`。 3. **安装依赖**:确保已经全局安装了`sass`和`dart-sass`,如果没有,可以分别运行`npm install -g sass`和`npm install -g dart-sass`。 4. **安装编译器**:Node-Sass依赖于Google的Dart语言编译器,确认已经安装并且路径正确。如果没有,可访问https://dart.dev/get-dart 下载并安装。 5. **环境变量设置**:Windows用户可能会遇到路径问题,检查环境变量中是否有对Sass或Dart的正确路径。 6. **使用--save-dev标志**:如果你是在项目中安装,尝试添加`--save-dev`,这样会在`package.json`中记录依赖。 7. **查看错误日志**:安装过程中如果出现错误,检查`npm-debug.log`或`npm ERR!`相关的错误信息,它们通常会提供更详细的错误原因。 如果以上步骤都无法解决问题,建议查看Node-Sass的官方文档或在Stack Overflow等社区寻求帮助,可能需要针对特定操作系统和版本提供更精确的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值