在安裝node-sass之前,我先介紹一下什么是node-sass。node-sass是一個項目依賴,在一個項目中在使用sass語法的時候,必須通過sass-loader來解析sass,從而使sass語法變成瀏覽器能夠識別的CSS語法,而node-sass模塊就是對sass-loader的支持模塊,所以不安裝node-sass,sass-loader就不能正常工作
node-sass安裝過程中問題的解決
我首先用vuecli安裝了項目需要的十幾個依賴,但是當我安裝node-sass時就出錯了,一直安裝不了,於是我直接通過visual studio code的終端進行安裝,當執行npm install node-sass --save時還是出現錯誤
接下來我安裝了淘寶的npm鏡像然后再安裝node-sass,解決以上問題。
- npm install -g cnpm --registry=https://registry.npm.taobao.org (安裝淘寶鏡像)
- cnpm install node-sass --save (使用淘寶鏡像安裝node-sass)
原本以為安裝好淘寶鏡像之后就可以成功安裝node-sass,但是visual studio code終端又出現了“cnpm - 解決“cnpm:無法加載文件C:*******,因為在此系統上禁止運行腳本……(等有關信息)””
這次我們可以在win10搜索框中輸入Windos PowerShell,然后選擇管理員身份運行
然后再powershell命令行之后,輸入:set-ExecutionPolicy RemoteSigned,然后修改權限為A,最后最后通過 get-ExecutionPolicy 查看當前的狀態,顯示RemoteSigned就是成功了
接着回到visual studio code的終端,運行cnpm install node-sass --save,問題就解決了
如果出現編譯錯誤,降低版本
cnpm install sass-loader@7.0.3 --save-dev
cnpm install node-sass@6.0.1 --save-dev
VUE項目復制后無法啟動,可刪除node-sass和sass-loader兩個支持模塊后重啟安裝,安裝命令同上