記Vue中Node Sass does not yet support your current environment的一次坑

     因爲電腦系統重裝,所有nodejs的配置全部沒有了,然後新導入了一個vue的項目,在啓動的時候一直拋異常,花了半天的時間百度,終於搞定了,這裏將問題過程梳理一下,以後遇到類似的情況可以參考。

   1.正常配置nodejs的安裝教程,可以參考下面的博客https://blog.csdn.net/bobozai86/article/details/83316125

   2.在項目路徑下npm install,我的項目路徑地址是:

通過DCM命令來進行install,有的電腦需要管理員權限進行操作,這點需要注意一下,我的電腦就是這樣的。

有的install下載某些文件的時候不行,這個時候可以使用阿里的鏡像文件,使用的命令是:

npm install -g cnpm --registry=https://registry.npm.taobao.org

好了,重點來了,我在install的時候有一個文件一直下載不下來,並且拋了異常,我當時沒有管他。繼續往下走。

3.啓動項目的時候報錯了。錯誤截圖如下:

Node Sass does not yet support your current environment

導致上面啓動錯誤的原因就是因爲在之前你install的時候Sass的文件沒有下載下來,項目啓動的時候需要依賴這個Sass的配置,所以報錯。我嘗試了很多的install命令都不行,最後在網上面找到了一個方法,手動配置Sass,具體方法如下:

1.https://github.com/sass/node-sass/releases/download/v4.9.3/win32-x64-64_binding.node。去直接瀏覽器下載。下載到本地

2.修改配置路徑。在npm裏面自帶有個存儲配置緩存的文件夾,一般默認是在C盤裏面,大概這個位置:

每個人的C盤名字可能不一樣,但是大致路徑是一致的。將你下載的win32-x64-64_binding.node放到這個文件下,我的默認是在D盤,所以放在下面的位置上。

3.增加環境變量配置,右擊我的電腦-》屬性-》高級系統設置(win10下是這樣操作了,大家變通下)-》看到右下有個環境變量點進去,

新建系統變量:

變量名:SASS_BINARY_PATH

變量值:C:\Users\lenovo\AppData\Roaming\npm-cache\node-sass\4.9.3\win32-x64-59_binding.node

變量值地址因個人安裝配置有關,按照上面個人搜索到node-sass文件夾及相關文件地址爲準,請自行變通

 

確定,然後再去項目操作,就ok了,如何出現類似,請重新下載一次node-sass。

雖然這樣可以解決指定版本的問題,但是對於node-sass的迭代,如果下載別的版本,可能還得重新配置一次。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章