最近在研究webpack來構建項目,說說安裝node-sass模塊是遇到的問題

首先我是個小白哈,第一次玩這東西,首先我爲何要去安裝node-sass模塊呢,由於不安裝這個模塊的話sass-loader就不能正常工做css

就這樣搞了一個近一天的時間才安裝好node-sass模塊,各類google,其實好多大神說的確實是可行的,可是做爲小白並非那麼理解,因此今天來整理分享給你們,畢竟用sass來編寫css那就叫一個字爽啊,能夠節省不少代碼量,下面來看看問題node

首先小白遇到問題通常都是什麼都無論,先看看我們熟悉的報紅,c++

生成啓動時間爲 2016/6/27 星期一 11:39:46。
節點 1 上的項目「C:\Users\世民\node_modules\node-sass\build\binding.sln」(默認目標)。
ValidateSolutionConfiguration:
  正在生成解決方案配置「Release|x64」。
MSBUILD : error MSB3428: 未能加載 Visual C++ 組件「VCBuild.exe」。要解決此問題,1) 安裝 .NET Framework 2.0 SDK;2) 安裝 Microsoft Visual Studio 2005;或 3) 若是將該組件安裝到了其餘位置,請將其位置添加到系統路徑
中。 [C:\Users\世民\node_modules\node-sass\build\bindi ng.sln]
已完成生成項目「C:\Users\世民\node_modules\node-sass\build\binding.sln」(默認目標)的操做 - 失敗。


生成失敗。

「C:\Users\世民\node_modules\node-sass\build\binding.sln」(默認目標) (1) ->
(_src_\libsass 目標) ->
  MSBUILD : error MSB3428: 未能加載 Visual C++ 組件「VCBuild.exe」。要解決此問題,1) 安裝 .NET Framework 2.0 SDK;2) 安裝 Microsoft Visual Studio 2005;或 3) 若是將該組件安裝到了其餘位置,請將其位置添加到系統路
徑中。 [C:\Users\世民\node_modules\node-sass\build\bin
ding.sln]

    0 個警告
    1 個錯誤

而後呢,就一頭賽到vc++組件裏去,安裝各類無用的東西,嘗試過各類解決方案,最後實在是沒有辦法了,就仔細的從頭至尾的看錯誤信息,而後在 node scripts/install.js 以後發現這麼一句話git

Cannot download "https://github.com/sass/node-sass/releases/download/v3.8.0/win32-x64-46_binding.node":github

這句話你們都懂的哈,我就不說了,這裏我也不知道爲何會下載失敗,由於個人電腦全局代理的,正常的訪問任何網站都是無阻礙的,百思不得解,npm

好吧那我就本身下載吧(爲何本身下載?由於我在google的時候也是發現了寫有用的東西,雖然沒那麼直觀哈,可是也給了我不少幫助)sass

下載完了以後把它註冊成全局環境變量,兩種方式:網站

第一種:直接右鍵個人電腦--》屬性--》高級系統設置--》環境變量--》添加ui

第二種:set XXX=文件路經--》set SASS_BINARY_PATH=F:\lishiming\tools\node-sass\win32-x64-46_binding.nodegoogle

查看環境是否合適:echo %SASS_BINARY_PATH%

若是打印出來您配置好的文件地址那就ok了,

最後再來試試安裝:npm i -g node-sass

完美解決

相關文章
相關標籤/搜索