整理 node-sass 安装失败的原因及解决办法
npm install 时偶尔遇到报错:没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的。作者本人最后的解决方案是npm uninstall node-sass,然后使用VPN重新安装了一遍就成功了。不能翻墙的同学请看下文
node-sass 安装失败的原因
npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
这是使用 sass 的同学可能都会遇到的郁闷的问题。
解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。
解决方法一:使用淘宝镜像源(推荐)
设置变量 sass_binary_site,指向淘宝镜像地址。示例:
<span class="hljs-built_in">npm</span> i node-sass --sass_binary_site=https:<span class="hljs-regexp">//</span><span class="hljs-built_in">npm</span>.taobao.org<span class="hljs-regexp">/mirrors/node-sass/</span>
<span class="hljs-regexp">//</span> 也可以设置系统环境变量的方式。示例
<span class="hljs-regexp">//</span> linux、mac 下
SASS_BINARY_SITE=https:<span class="hljs-regexp">//</span><span class="hljs-built_in">npm</span>.taobao.org<span class="hljs-regexp">/mirrors/node-sass/</span> <span class="hljs-built_in">npm</span> install node-sass
<span class="hljs-regexp">//</span> <span class="hljs-built_in">window</span> 下
set SASS_BINARY_SITE=https:<span class="hljs-regexp">//</span><span class="hljs-built_in">npm</span>.taobao.org<span class="hljs-regexp">/mirrors/node-sass/</span> && <span class="hljs-built_in">npm</span> install node-sass
或者设置全局镜像源:
<span class="hljs-built_in">npm</span> config set sass_binary_site https:<span class="hljs-regexp">//</span><span class="hljs-built_in">npm</span>.taobao.org<span class="hljs-regexp">/mirrors/node-sass/</span>
之后再涉及到 node-sass 的安装时就会从淘宝镜像下载。
解决方法二:使用 cnpm
使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载,也是一个办法:
cnpm <span class="hljs-keyword">install</span> node-sass
解决方法三:创建.npmrc文件
在项目根目录创建.npmrc文件,复制下面代码到该文件。
phantomjs_cdnurl=<span class="hljs-string">http:</span><span class="hljs-comment">//cnpmjs.org/downloads</span>
sass_binary_site=<span class="hljs-string">https:</span><span class="hljs-comment">//npm.taobao.org/mirrors/node-sass/</span>
registry=<span class="hljs-string">https:</span><span class="hljs-comment">//registry.npm.taobao.org</span>
保存后 删除之前安装失败的包(第一次安装请跳过此步)
npm <span class="hljs-keyword">uninstall</span> node-sass
重新安装
npm <span class="hljs-keyword">install</span> node-sass
作者后来另一个项目在没有使用VPN的情况下测试此方法,安装时报错 ERR! node-sass@3.8.0 postinstall: `node scripts/build.js 改用方法一成功。
解决方法四:下载 .node 到本地
到这里去根据版本号、系统环境,选择下载 .node 文件,然后安装时,指定变量 sass_binary_path,如:
npm i node-sass --sass_binary_path=<span class="hljs-regexp">/Users/</span>lzwme<span class="hljs-regexp">/Downloads/</span>darwin-x64<span class="hljs-number">-48</span>_binding.node
安装失败后重新安装问题
之前安装失败,再安装就不去下载了,怎么办呢?那就先卸载再安装:
<span class="hljs-built_in">npm</span> uninstall node-sass
<span class="hljs-built_in">npm</span> i node-sass --sass_binary_site=https:<span class="hljs-regexp">//</span><span class="hljs-built_in">npm</span>.taobao.org<span class="hljs-regexp">/mirrors/node-sass/</span>
相关错误提示
提示没有安装python、build失败等,如:
============ 欢迎各位老板打赏~ ===========
【上篇】MSB4019: The imported project “Microsoft.Cpp.Default.props” was not found
【下篇】node-sass 安装失败 win32-x64-57_binding.node
【下篇】node-sass 安装失败 win32-x64-57_binding.node
与本文相关的文章
- · centos安装node18
- · vue/react/node/vite/npm/yarn build自动更新版本号
- · confluence 6.13升级到confluence 7.19
- · html5预览PDF(vue3)
- · Filebeat + ZincSearch 轻量级日志
- · Emby 如何设置排除项,排除某个文件夹
- · Emby全平台开心版、认证服务器搭建方法(自建认证服务器)
- · 企业微信开发之代开发应用
- · vue3 html2canvas导出透明png图片
- · 成都共享办公室推荐
- · 群晖web station设置wordpress 伪静态
- · 2024年,写字楼市场面临新挑战与机遇
