0、由于M系列芯片是arm架構(gòu),在使用brew安裝node時(shí)都是arm的node,但是node-sass@4.14.1版本中不支持arm架構(gòu)的出現(xiàn)如下報(bào)錯(cuò):
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、可將項(xiàng)目中package.json引用的node-sass改為:使用sass;
2、但是在項(xiàng)目中css樣式里使用了/deep/會(huì)導(dǎo)致啟動(dòng)項(xiàng)目報(bào)錯(cuò),sass不支持/deep/的寫法。
3、最終選擇安裝x86_64架構(gòu)的node@12,以解決node-sass@4.14.1版本不支持arm架構(gòu)的問題。
4、先將brew中的node卸載
brew uninstall node
5、將nvm從git上clon下來至根目錄
cd ~ git clone https://gitee.com/mirrors/nvm.git mv nvm .nvm
6、接著在~目錄中配置環(huán)境變量
vim ~/.zshrc
將以下配置寫入.zshrc文件中
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
7、重載環(huán)境變量
source ~/.zshrc
檢查是否安裝成功
nvm -v
8、終端切換至x86_64架構(gòu)
arch -x86_64 zsh
安裝node@12
nvm install v12
9、x86_64架構(gòu)的node@12安裝成功
終端切換至arm64架構(gòu)文章來源:http://www.zghlxwxcb.cn/news/detail-482259.html
arch -arm64 zsh
10、項(xiàng)目直接npm install毫無問題,直接啟動(dòng)成功文章來源地址http://www.zghlxwxcb.cn/news/detail-482259.html
到了這里,關(guān)于Mac M系列芯片 vue前端node-sass兼容問題解決的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!