How do I install gulp 4

问题:

I've been using gulp-watch. The current version of gulp-watch relies on the call gulp.parrallel. This call is only available from gulp 4.

However gulp 4 is not available via the npm repo. npm info gulp dist-tags returns: { latest: '3.9.0' }.

I can see that there is a 4.0 branch within the git repo. But attempting to install it with variations on this command fails: npm install https://github.com/gulpjs/gulp#v4.0.0.

回答1:

npm install gulpjs/gulp.git#4.0 --save-dev

回答2:

Gulp has removed the 4.0 branch from their GitHub repository, so the previous way of installing using npm install gulpjs/gulp.git#4.0 --save-dev no longer works.

They state in their README that the correct way to install gulp 4.0 is to run the command:

npm install gulp@next

回答3:

# Uninstall previous Gulp installation and related packages, if any
$ npm rm gulp -g
$ npm rm gulp-cli -g
$ cd [your-project-dir/]
$ npm rm gulp --save-dev
$ npm rm gulp --save
$ npm rm gulp --save-optional
$ npm cache clean # for npm < v5

# Install the latest Gulp CLI tools globally
$ npm install gulpjs/gulp-cli -g

# Install Gulp 4 into your project as dev dependency
$ npm install gulp --save-dev

# Check the versions installed. Make sure your versions are not lower than shown.
$ gulp -v
---
[10:48:35] CLI version 2.0.1
[10:48:35] Local version 4.0.0

Detail info is on this blog page: https://demisx.github.io/gulp4/2015/01/15/install-gulp4.html

回答4:

Run the following to check the version of gulp cli that is installed on your machine.

gulp -v

If you are not running version 4, do the following to install gulp globally on your machine.

npm uninstall -g gulp
npm install -g "gulpjs/gulp#4.0"

Now install gulp 4 locally

npm uninstall gulp --save-dev
npm install "gulpjs/gulp#4.0" --save-dev

回答5:

November 2018 » npm audit says to run: npm install --save-dev gulp@4.0.0

回答6:

to install gulp-4, CLI version has to be 1.2.2 which will support gulp 4.0

to install gulp-cli 1.2.2 run sudo npm install gulp-cli@1.2.2 -g

and to install gulp 4.0 run npm install 'gulpjs/gulp.git#4.0' --save-dev

when you run gulp -v command

you should get

[11:38:36] CLI version 1.2.2

[11:38:36] Local version 4.0.0-alpha.2

similar issue on GitHub

回答7:

My installation was a bit different.

Running

npm install 'gulpjs/gulp.git#4.0' --save-dev

Or

npm install 'gulpjs/gulp#4.0' --save-dev

Gave me an error:

npm ERR! code EINVALIDTAGNAME npm ERR! Invalid tag name "gulp#4.0": Tags may not have any characters that encodeURIComponent encodes.

NB I was only having problems installing my local gulp-4 so I took a look at my last package.json installation and saw this:

"gulp": "github:gulpjs/gulp#4.0",

So my move was to install local gulp with

npm install "github:gulpjs/gulp#4.0" --save-dev

and that worked, installing local gulp 4 successfully.

[15:45:55] CLI version 1.4.0
[15:45:55] Local version 4.0.0-alpha.2

回答8:

As of December 28th 2018, the following command should work perfectly fine in installing version 4 locally.

npm i -D gulp

回答9:

I wrote a batch file that does the job based on what @demisx answered.

The problem I had was a missing npm config parameter 'prefix', so my global directory was the node binary directory. I am pretty sure this wasn't always the case, but I could (re-)set it running this script from the project root directory:

@ECHO OFF
echo configuring npm
set USERNAME=<enter username>
set USERPROFILE=C:\Users\%USERNAME%
set APPDATA=%USERPROFILE%\AppData\Roaming
call npm config set prefix %APPDATA%\npm

SET DIR_PROJECT="D:/stuff/plugins/wallpaper_engine/raintime-dev"

echo Uninstall previous Gulp installation and related packages, if any
call npm rm gulp -g
call npm rm gulp-cli -g

echo cd %DIR_PROJECT%
cd /D %DIR_PROJECT%

call npm rm gulp --save-dev
call npm rm gulp --save
call npm rm gulp --save-optional
call npm cache clean

echo Install the latest Gulp CLI tools globally
call npm install gulpjs/gulp-cli -g

echo Install Gulp 4 into your project from 4.0 GitHub branch as dev dependency
rem call npm install gulpjs/gulp#4.0 --save-dev
call npm install gulpjs/gulp --save-dev

echo Check the versions installed.

call gulp -v

pause

The script finally showed this:

[14:59:48] CLI version 2.0.1
[14:59:48] Local version 4.0.0

Hope it helps!

回答10:

I solved the issue by running:

which gulp

rm -rf /usr/local/bin/gulp

npm i -g gulp