自學日記

學習程式相關知識及學習法

0%

Vue練習 git clone至Mac M1本地端電腦無法運行之解決方式

Vue練習 git clone至Mac M1本地端電腦無法運行之解決方式

緣起:舊筆電無法再使用,因此購入了新筆電,系統也從windows換成mac,
此處紀錄,欲從github上clone面試專案進行編輯,
但卻發生無法運作之問題,先說明一般vue專案clone下來後如何在本地端操作,再來說明這次因mac M1晶片踩到的坑

如何將vue專案clone下來至本地端運行

一般來說我們在github clone專案下來之後,
由於缺少node_module資料夾,因此無法下達npm run serve
因此解決方式為cd至該專案下載位置,接著運行npm install,進行安裝,之後就可以成功運行了

因M1晶片,無法運行vue專案之解決方式

由於M1晶片版本較新,m1 為arm64 版本,之前的apple 為x64,因此主要是版本不相容問題,查詢到的結果有分為將node降版本(這部分我沒有找到完整成功解決方式暫不討論),
以及另外一個是
node-sass 刪除改裝 sass 即可(node-sass不支援此版本,因此改裝支援的sass),以下進行說明:

  1. 點開package.json檔案,刪除node-sass(如圖)

  2. 下達指令npm install sass進行安裝,之後再運行npm run serve,就可以進行運作囉!

參考資料: