M1 mac安装node-sass报错

前几天公司发了最新的 m1 macbookpro ，本来很开心的开始工作啦，结果在使用npm 或 yarn安装依赖的时候报错啦，瞬间崩溃，上网一阵鼓捣，才终于搞定啦，现在记录一下。希望可以帮助到一些小伙伴…

报错如下：😭

分为如下几步

检查node版本

首先查看自己的node版本是否和项目中所使用的node-sass版本对应，如下表：

stackoverflow原帖 有兴趣的可以看看

使用nvm来管理nodejs版本

如果版本不一致建议使用nvm来管理你的node版本

m1芯片nvm安装指南

1. 如果你安装了 homebrew，则可以直接使用下方命名安装

brew install nvm

2. 如果你没有homebrew则通过以下方式安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

注：此方式我本人没有使用过，不知道是否出现问题 （大概率不会有问题）

3. 安装完成之后，需要配置环境变量，bash 终端用户将变量配置到 ~/.bash_profile 中，zsh 终端用户将配置文件配置到 ~/.zshrc 中

# nvm配置
export NVM_DIR="/opt/homebrew/Cellar/nvm/0.38.0" # 此处请换成自己的nvm安装目录
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion" 

完成之后重启终端即可

4. 然后使用 nvm 安装和你 node-sass 版本对应的 node

注意⚠️： 低版本的node不支持m1芯片所以可能会导致安装失败，所以这一步非常重要，即将你的终端使用Rosetta打开

在应用程序中找到终端 app ，右键选择显示简介，然后选择 Rosetta 打开

然后使用以下命令安装

nvm i v14

安装完成即可 （详情请查看nvm使用）

安装依赖

完成上面所有的操作之后就可以开始安装 node_sass 了

rm -rf node_modules # 如果你安装过依赖了，请先删除
yarn/npm install --target_arch=x64 # 然后安装x64架构的依赖,如果你直接安装失败了的话，就加上这个

欢迎指正✌️