node-sass安装失败终极解决

背景:

项目是基于uniapp的vue2版本,非常老了,项目状况:node版本:: 14.21.3,node-sass版本:"^4.14.1",sass-loader版本:"^9.0.2",本地初始化时node-sass总是安装失败,原因就不多说了,下面说下解决方案:

方案一 : 手动下载包到本地文件夹,适合只是临时启动项目

使用node-sass仓库里的安装问题指南的调试方式

  1. 项目中 添加以下脚本,执行 preinstall 得到服务器的node版本 ,例如 win32-x64-83
arduino 复制代码
 "scripts":{
   "preinstall": "node -p "[process.platform, process.arch, process.versions.modules].join('-')" "
 }
  1. 去下载一个与 服务器的node版本匹配的binging.node 文件
  1. 离线包下载完之后,放入项目根目录的文件夹里,项目根目录可以新建一个ib文件夹,在根目录里cmd
ini 复制代码
Set SASS_BINARY_PATH=D:\WorkCode\liblwin32-x64-83_binding.node  //PATH=后面是的下载的.node所在的路径

接着
npm rebuild node-sass 
npm install node-sass -D
npm instal
  1. 最后需要去node_moduleslnode-sass里面看看有没有vendor文件夹,没有就自己新建一个,新建一个vendor/win32-x6483(这个文件夹名字按你下载的版本调整,我这里是83),最后把你下载的离线包复制一份进来,重命名为:binding.node就可以啦

方案二(推荐)

使用配置参数的方式,node-sass提供了两种修改他的环境变量方式,一种是参数的形式,一种是.npmrc/.yarnrc配置的方式,为了方便团队协作,选择后者

在package.json中我们能看到以一个配置,此时的binarySite配置已经是404了,所以我们重新配一个可以下载的地址即可

在项目根目录中添加.npmrc/.yarnrc文件,并添加以下代码

ini 复制代码
sass_binary_site=https://npmmirror.com/mirrors/node-sass/

然后正常安装即可

相关推荐
IT_陈寒12 小时前
JavaScript的this坑人实录,这次我真的记下来了
前端·人工智能·后端
开开心心就好13 小时前
音频降噪剪辑工具,音量裁剪一键处理
运维·服务器·前端·spring·ocr·音视频·1024程序员节
PedroQue9914 小时前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
淡漠的蓝精灵14 小时前
web.py:一个简单到极致的 Python Web 框架
开发语言·前端·python·其他
开开心心就好15 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
起个名字费劲死了15 小时前
Halcon学习一:骰子识别
前端·python·学习
大江东去浪淘尽千古风流人物15 小时前
【HexVIO】DSP卸载双目惯性VIO:Hexagon向量化前端与单帧融合调度深度解析
前端·状态模式·slam·dsp·vio·hexagon·移动端加速
其实防守也摸鱼15 小时前
Chrome 扩展安全攻防实录:从攻击面到防御实践
开发语言·前端·网络·chrome·安全·web安全·php
web打印社区15 小时前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
李剑一16 小时前
为什么几乎所有的知名开源项目都是外国人写的?
前端·ai编程·deepseek