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

林荼發表於2023-05-06

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毫無問題,直接啟動成功

相關文章