node-sass的安裝,以及出現的問題及解決方法


node-sass

在安裝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安裝錯誤
  • 接下來我安裝了淘寶的npm鏡像然后再安裝node-sass,解決以上問題。

1. npm install -g cnpm --registry=https://registry.npm.taobao.org (安裝淘寶鏡像)
2. cnpm install node-sass --save (使用淘寶鏡像安裝node-sass)

  • 原本以為安裝好淘寶鏡像之后就可以成功安裝node-sass,但是visual studio code終端又出現了“cnpm - 解決“cnpm:無法加載文件C:*******,因為在此系統上禁止運行腳本……(等有關信息)””

    • 這次我們可以在win10搜索框中輸入Windos PowerShell,然后選擇管理員身份運行
    Windos PowerShell
    然后再powershell命令行之后,輸入:set-ExecutionPolicy RemoteSigned,然后修改權限為A,最后最后通過 get-ExecutionPolicy 查看當前的狀態,如下圖顯示就是成功了
    Windos PowerShell設置成功
  • 接着回到visual studio code的終端,運行npm install node-sass --save,問題就解決了

Windos PowerShell設置成功


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM