天天看點

nvm安裝及配置(vite+vue3建構項目報錯 zlib_1.brotliCompressSync is not a function)

nvm安裝及環境配置

1、背景說明

使用vite+vue3建構前端項目的時候,現在電腦上安裝的node版本為v10.15.0,對應的npm版本為v6.4.1,執行npm run build項目打包的時候,出現報錯資訊,具體如下:

nvm安裝及配置(vite+vue3建構項目報錯 zlib_1.brotliCompressSync is not a function)

發現是node版本太低了,需要更新node版本

在windows電腦上可以借助于nvm來管理nodejs的版本,nvm是一個nodejs的版本管理工具。通過它可以安裝和切換不同版本的nodejs。下面主要介紹一下nvm工具的安裝步驟:

2、nvm安裝步驟

2-1、下載下傳nvm安裝包

下載下傳位址:https://github.com/coreybutler/nvm-windows/releases

主要有下面幾個檔案:

nvm安裝及配置(vite+vue3建構項目報錯 zlib_1.brotliCompressSync is not a function)

nvm-noinstall.zip: 綠色免安裝版本,需要配置之後才能使用;

nvm-setup.zip:windows安裝包,不需要配置直接使用(推薦使用);

Source code(zip):zip壓縮的源碼

Sourc code(tar.gz):tar.gz的源碼

推薦使用安裝包:nvm-setup.zip,注意:下載下傳完成之後,先不要着急安裝,看完下文的“注意點”之後再進行安裝,才能保證nvm能夠正常使用。

※注意點

  • 安裝nvm之前先解除安裝之前的node版本(系統中有關node和npm的環境變量盡量删除幹淨,系統中C:\Users\admin\AppData\Roaming 此目錄下的npm和npm-cache 檔案清空)
  • 安裝nvm途中,設定nvm路徑位址時,路徑不能包含空格,盡量不要含有中文,比如可以選擇ProgramFiles,但是不能安裝到Program Files目錄

2-2、解壓安裝

解壓安裝,安裝完成後 cmd視窗運作nvm指令,驗證是否安裝成功,如果出現以下界面說明安裝成功:

nvm安裝及配置(vite+vue3建構項目報錯 zlib_1.brotliCompressSync is not a function)

2-3、設定淘寶鏡像源

(1)打開nvm的安裝路徑

nvm安裝及配置(vite+vue3建構項目報錯 zlib_1.brotliCompressSync is not a function)

(2)打開settings.txt,加入下面内容

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
           

由于網絡原因 nvm 在安裝的時候速度很慢,這個問題可以通過翻牆等方式去解決,可使用國内鏡像來加速安裝

2-3、安裝/管理nodejs

(1)檢視本地安裝的所有版本;有可選參數available,顯示所有可下載下傳的版本。

nvm list [available]
nvm ls
           

(2)安裝,指令中的版本号可自定義

nvm install 10.15.0
           

(3)使用特定版本

nvm use 10.15.0
           

(4)解除安裝對應版本

nvm uninstall 10.15.0
           

3、安裝好nvm之後,可以安裝不同版本的nodejs管理工具,安裝node的版本為14.0.0,npm對應的版本為6.14.4,在重新打包之後,便沒有報錯了