前端项目解决node-sass gyp error问题

直接看解决方案:

不要用node-sass就可以了。。。换成sass

  1. package.json里,删除node-sass
  2. yarn add sass -D / npm i sass -D
  3. 全局替换,/deep/ => ::v-deep
  4. 项目启动,应该就ok了

如果一定要用node-sass,先上个图,node-sass和各node版本的对应关系,如果版本不一致,大概率安装不成功,可以用nvm(windows)或者n[sudo npm i -g n](mac)来管理node版本

NodeJSSupported node-sass versionNode Module
Node 198.0+111
Node 188.0+108
Node 177.0+, <8.0102
Node 166.0+93
Node 155.0+, <7.088
Node 144.14+83
Node 134.13+, <5.079
Node 124.12+, <8.072
Node 114.10+, <5.067
Node 104.9+, <6.064
Node 84.5.3+, <5.057
Node <8<5.0<57

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用\[1\]中提供的信息,Node.js版本14.x对应的node-sass版本是5.x。因此,如果你使用的是Node.js版本14.15.4,你可以通过以下命令安装对应版本的node-sass: ``` npm install node-sass@5.x ``` 另外,根据引用\[2\]中提供的信息,你还可以使用node-sass的国内镜像来加快安装速度。你可以在npm的配置文件中添加以下内容: ``` phantomjs_cdnurl=http://cnpmjs.org/downloads sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org ``` 这样配置后,npm会使用国内镜像来下载node-sass。如果你遇到了MSBUILD : error MSB3428报错,根据引用\[3\]中的解决方法,你可以尝试安装.NET Framework 2.0 SDK或Microsoft Visual Studio 2005,或者将相关组件的安装路径添加到系统路径中。 #### 引用[.reference_title] - *1* [node 和node-sass版本对应表格](https://blog.csdn.net/qq_41177135/article/details/130885351)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [nodejs v18.12.1 node-gyp v3.6.2 安装node-sass 4.9.0时出现的python2版本不匹配和MSBUILD : error MSB...](https://blog.csdn.net/qq_27361945/article/details/127959934)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值