天天看点

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,在重新打包之后,便没有报错了