Mac M系列芯片 vue前端node-sass兼容问题解决
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毫无问题,直接启动成功