通过nvm方便切换nodejs版本解决gulp构建报ReferenceError: primordials is not defined的问题

ゞ浴缸里的玫瑰 2022-09-14 13:25 22阅读 0赞

### 通过nvm方便切换nodejs版本解决gulp构建报ReferenceError: primordials is not defined的问题 ###

*  1、问题原因
 *  2、解决思路
 *  3、通过下载安装nvm以方便管理多个不同的node版本
 *  4、在nvm设置中配置淘宝镜像，加快安装nodejs时的下载速度
 *  5、在nvm中安装指定版本的nodejs，并使用nvm进行版本切换
 *  6、配置环境变量
 *  7、切换到匹配gulp的node版本就可以对象进行gulp构建了

# 1、问题原因 #

错误截图如下：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_19_color_FFFFFF_t_70_g_se_x_16_pic_center]

> gulp构建报ReferenceError: primordials is not defined错的原因通常是安装gulp版本与node版本不兼容的问题。

# 2、解决思路 #

知道问题所在，就容易解决了，只要适配gulp和node的版本就可以了，但有时候我们在node中开发多个项目使用的不同模块支持的node的版本也不相同，也就是在很多情况下，我们需要在不同的node版本中进行切换，但是不可能每次切换项目时就要删除当前版本的node，重新安装对应的node版本。因此出现了一个管理多个node版本，并且在不同node版本之间方便切换的管理工具nvm。

# 3、通过下载安装nvm以方便管理多个不同的node版本 #

nvm的下载地址：[https://github.com/coreybutler/nvm-windows/releases][https_github.com_coreybutler_nvm-windows_releases]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

# 4、在nvm设置中配置淘宝镜像，加快安装nodejs时的下载速度 #

由于nvm默认的下载地址http://nodejs.org/dist/是外国外服务器，速度非常慢，因而可以切换到淘宝的镜像，下载速度会快很多。  
配置方法：打开nvm的安装路径，默认安装路径是：C:\\Users\\xxx\\AppData\\Roaming\\nvm打开settings.txt，加入下面内容

root: C:\Users\xxx\AppData\Roaming\nvm  
    path: C:\Program Files\nodejs 
    arch: 64 
    proxy: none
    node_mirror: http://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/

> 其中xxx表示你计算机的用户名，根据自己的实际情况修改。

# 5、在nvm中安装指定版本的nodejs，并使用nvm进行版本切换 #

1、nvm安装node的命令如下：

nvm install version

> version就是要安装的nodejs版本，官网可以查询到。比如：
> 
>     nvm install 11.15.0
>     nvm install 12.18.4

2、注意点

> 安装过程中Downloading代表正在下载，一定要等下载完毕，不然无法使用。Installation complete代表nodejs安装完成。  
> 如果没有设置淘宝镜像，下载速度会很慢，因此强烈建议先设置淘宝镜像，在进行安装nodejs。

3、查询所有已安装的nodejs版本

nvm list

执行如下图：  
![在这里插入图片描述][0f04d22169324848ab9612f2eaeb6d9b.png_pic_center]  
4、切换nodejs版本

nvm use version

比如：

nvm use 11.15.0

执行如下图：  
![在这里插入图片描述][d2b8c997e5b64f7898f79aa5efbb058f.png_pic_center]

# 6、配置环境变量 #

为了全局使用nvm命令，就需要配置下环境变量。  
1、删除系统变量  
1.1 找到系统变量，删除系统自带的nvm变量：NVM\_HOME和NVM\_SYMLINK  
1.2 打开path：删除path中nvm自动添加的部分，就是Path=%NVM\_HOME%;%NVM\_SYMLINK%。  
2、配置用户变量

NVM_HOME=C:\Users\zheng\AppData\Roaming\nvm
    NVM_SYMLINK=C:\Program Files\nodejs
    Path=%NVM_HOME%;%NVM_SYMLINK%

如下图：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_15_color_FFFFFF_t_70_g_se_x_16_pic_center]

# 7、切换到匹配gulp的node版本就可以对象进行gulp构建了 #

如下图：  
![在这里插入图片描述][36a2904a71c94d9599c0f54e337775ef.png_pic_center]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_19_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/4e7639e53f8040139504446f130d45fa.png
[https_github.com_coreybutler_nvm-windows_releases]: https://github.com/coreybutler/nvm-windows/releases
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/417e7508f39642828f60cae93b6e8e25.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: /images/20220828/fa2e3edd75234a2b8526e6749b3b3e66.png
[0f04d22169324848ab9612f2eaeb6d9b.png_pic_center]: /images/20220828/3e6e5139d90f4c378397598ac3173e14.png
[d2b8c997e5b64f7898f79aa5efbb058f.png_pic_center]: /images/20220828/26d647c79ad049e9abd921e65437cd82.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQ29kaW5nUGlvbmVlcg_size_15_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/c0d1d783db6d420eba7ecf56eeb2c3f7.png
[36a2904a71c94d9599c0f54e337775ef.png_pic_center]: /images/20220828/c8dae86ac66149ffa550aaf13f636b94.png