Mac M系列晶元 vue前端node-sass相容問題解決

0、由於M系列晶元是arm架構，在使用brew安裝node時都是arm的node，但是[email protected]版本中不支持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，以解決[email protected]版本不支持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毫無問題，直接啟動成功