gulp - 关于升级node版本之后，运行gulp报错的解决方法以及如何重新配置gulp

刺骨的言语ヽ痛彻心扉 2021-09-02 06:54 1121阅读 0赞

近期升级了一下node版本，结果发现node升级之后gulp用不了了，一直在报错，根本无法使用，然后各种百度寻找解决的方案，最终找了对应的方法，下面给大家分享一下：

### 一、报错效果图：**ReferenceError: primordials is not defined** ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpYW9GZW5nSmk_size_16_color_FFFFFF_t_70_pic_center]

### 二、报错的原因：node 12.0的版本之后（包括12.0版本）不支持gulp4.0之前的版本 ###

### 三、解决方案： ###

1.  降低node版本，要低于 12.0 版本
2.  升级gulp版本到4.0（比较推荐这个）

这里我比较推荐升级gulp版本，因为我们总不能一直不升级node版本是吧。

### 四、下面顺便讲一下gulp 4.0之后版本的安装方法以及遇到对应问题的解决方案 ###

#### 1、安装gulp 4.0 版本 ####

npm install -g gulp-cli  (这一步可以省略，不过建议也运行一下)
    npm install -save-dev gulp@4

安装完之后，通过 gulp -v 看一下是否安装成功

![在这里插入图片描述][20201113164233313.png_pic_center]

#### 2、运行一下 gulp，我这边是 gulp watch，，然后保存一下css代码，看一下运行的效果，你会发现报这个错：watch task has to be a function (optionally generated by using gulp.parallel or gulp.series) ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpYW9GZW5nSmk_size_16_color_FFFFFF_t_70_pic_center 1]  
这里我们需要将 gulpfile.js 的这个代码改一下

![在这里插入图片描述][20201113165130888.png_pic_center]  
改成  
![在这里插入图片描述][20201113165156574.png_pic_center]

gulp.task('watch', function () {
    	  gulp.watch('./src/common/style/*.less', gulp.series('testLess'));
    	});

这样就解决了我们上面的这个问题了，可以正常运行了。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpYW9GZW5nSmk_size_16_color_FFFFFF_t_70_pic_center]: /images/20210813/e923e727b24a44d59cd69db2c1f726ff.png
[20201113164233313.png_pic_center]: /images/20210813/3e4e55e03dd943dbbc7723fa5d9765ca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpYW9GZW5nSmk_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210813/4d6b3ca988da44c6912f9ce635bfded0.png
[20201113165130888.png_pic_center]: /images/20210813/974743b8adec47e4bab02a63c9d0f777.png
[20201113165156574.png_pic_center]: /images/20210813/0645d4fd1e0a4369b2858636120f874a.png