Mac M系列芯片 vue前端node-sass兼容问题解决

发布时间 2023-05-06 16:07:37作者: 林荼

0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错:

Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64) with Unsupported runtime (88) For more information on which environments are supported please see  

1、可将项目中package.json引用的node-sass改为:使用sass;

2、但是在项目中css样式里使用了/deep/会导致启动项目报错,sass不支持/deep/的写法。

3、最终选择安装x86_64架构的node@12,以解决node-sass@4.14.1版本不支持arm架构的问题。

4、先将brew中的node卸载

brew uninstall node

5、将nvm从git上clon下来至根目录

cd ~
git clone https://gitee.com/mirrors/nvm.git
mv nvm .nvm

6、接着在~目录中配置环境变量

vim ~/.zshrc

将以下配置写入.zshrc文件中

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

7、重载环境变量

source ~/.zshrc

检查是否安装成功

nvm -v

8、终端切换至x86_64架构

arch -x86_64 zsh

安装node@12

nvm install v12

9、x86_64架构的node@12安装成功

终端切换至arm64架构

arch -arm64 zsh

10、项目直接npm install毫无问题,直接启动成功