今天在更新網站時,github actions 在 npm install 時發生了錯誤
1 | npm ERR! code 1 |
根據資訊推測是 node-sass 的問題,爬了一下文發現,
Sass 官方已在 2020-10-26 正式宣布棄用 LibSass,並推薦使用 Dart Sass
LibSass 顯然沒有足夠的工程帶寬來跟上 Sass 語言的最新發展,且 node-sass 底層依賴 LibSass,常常導致很多使用者安裝的特別的困難,sass 官方已經將 dart-sass 作為未來主要的的開發方向,效能更好。
如果你是 Node Sass 的用戶,遷移到 Dart Sass 很簡單:只需在你的 package.json 文件中將 node-sass 替換為 sass. 這兩個包都公開了相同的 JavaScript API。
安裝 Dart Sass 步驟
1.如果安裝了 node-sass 首先需要解除安裝
1 | npm remove node-sass |
2.安装 dart-sass
1 | npm install sass sass-loader -D |
3、如果專案之前用到/deep/需要替換為::v-deep
,否則會報錯
安裝錯誤
在安裝的過程中,如果遇到下面錯誤😨
1 | npm ERR! code EBADPLATFORM |
不要緊張! 把 package-lock.json
移除掉,再 npm install 重新生成,
再安裝一次 dart-sass 就成功啦!!
重新裝了 dart-sass 後,github actions 就跑成功啦!真是可喜可賀😀🌟🌟🌟
Hey!想學習更多前端知識嗎?
最近 Lala 開了前端課程 👉【實地掌握RWD - 12小時新手實戰班】👈無論您是 0 基礎新手,又或是想學 RWD 的初學者,
我們將帶你從零開始,深入了解並掌握 RWD 響應式網頁設計的核心技術,快來一起看看吧 😊