由于在安裝node-sass時經常遇到版本兼容問題，在運行vue項目時就會出現一下錯誤

Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)        

For more information on which environments are supported please see:

https://github.com/sass/node-sass/releases/tag/v4.14.1

以下為node版本與sass版本對應關系圖

圖片1

 

在vue項目中用scss寫一個背景色

 

<div class="hello">home</div>

    

<style scoped lang="scss">

.hello {

  background-color: skyblue;

}

</style>

 

經過測試，可以使用以下版本的node與sass版本

 

node版本: 12.16.0

node-sass版本: cnpm i node-sass@4.14.1 -S

sass-loader版本: cnpm i sass-loader@8.0.2 -S

 

圖片2

 

圖片3

 

node版本: 16.13.2

node-sass版本: cnpm i node-sass@6.0.1 -S

sass-loader版本: cnpm i sass-loader@10.2.1 -S

圖片4

 

圖片5

 

如果需要管理多node版本，可以使用gnvm，具體教程可