CODEWITHSUNDEEP
node.jsgulplaravel-5
Tasmin
Tasmin

Reputation: 147

No gulpfile found

I am new in laravel. I am trying the command nmp install. it does not work. Then as shown in their official documentation, I tried 

npm install --global gulp-cli

but I was getting access denied error. So I gave

sudo npm install --global gulp-cli

It seemed to give me some correct result. then I gave 

npm install --no-bin-links

but it says that,

"npm WARN [email protected] No description npm WARN [email protected] No repository field." I tried 

npm install -d

though the result ended with "ok" (after running the command the first line said "it worked if it ends with ok"), it still contains ""npm WARN [email protected] No description npm WARN [email protected] No repository field." And when I gave the command

gulp

the answer was no gulpfile found. In my project there is a gulpfile.js file (I am not sure about which gulpfile it is talking :\ )

what to do? My node version is V5.12.0

Upvotes: 10

Views: 119776

Answers (11)

Npsad
Npsad

Reputation: 606

Things to consider before running gulp task runner:

gulp filename should be gulpfile.js

gulpfile.js should be in root folder

make sure all tasks performing related libraries are installed eg: gulp-concat, gulp-concat gulp-minify-css

minify css snippet :

var autoprefix = require('gulp-autoprefixer');
var minifyCSS = require('gulp-minify-css');
var concat = require('gulp-concat');
var gulp = require('gulp');


gulp.task('styles', async function () {
    gulp.src(['src/styles/*.css'])
        .pipe(concat('styles.css'))
        .pipe(autoprefix('last 2 versions'))
        .pipe(minifyCSS())
        .pipe(gulp.dest('build/styles/'));
});

Run the required task from root folder where gulfile.js exists

Upvotes: 0

Otabek Komilov
Otabek Komilov

Reputation: 1

gulpfile.js > 
const gulp = require('gulp')
gulp.task('style', function () {
console.log(1)
}
> gulp style > 1 // true

Upvotes: 0

Prattay
Prattay

Reputation: 1

You must have saved the project files in a subfolder instead of current folder.

Which baseline packages do you want to target for your component(s)?: SharePoint Online only (latest) Where do you want to place the files?: Use the current folder

If you have selected "Create a subfolder with solution name"

Then change the directory cd "path of the project" Then run

gulp trust-dev-cert

gulp serve

Upvotes: 0

Jessé Catrinck
Jessé Catrinck

Reputation: 2277

If you have the gulpfile in your root directory and there are the tasks so maybe the problem is the version.

I ran gulp -v and the output was:

CLI version: 2.3.0
Local version: 3.9.0

To fix it I ran npm install - [email protected] to keep both the same and the error:

No gulpfile found

Stopped to be shown

Upvotes: -1

shaza
shaza

Reputation: 35

I encountered same problem in Laravel 6. I solved it by steps:

npm init
npm install --save-dev gulp
npx mkdirp yourProjectName
npm install --save-dev gulp

Create a gulpfile:Using your text editor, create a file named gulpfile.js in your project root with these contents:

function defaultTask(cb) {
  // place code for your default task here
  cb();
}

exports.default = defaultTask

Full Resource here: https://gulpjs.com/docs/en/getting-started/quick-start

Hope this helps ypu

Upvotes: 1

Super Jade
Super Jade

Reputation: 6364

My gulpFile.js was not in my root directory as expected!

I had to find the file, change to that directory, and then run gulp forever --react. (I have a React project.)

Upvotes: 0

Aaronster
Aaronster

Reputation: 1824

After running 'yo' to create your new project, use 'cd' command to jump to the the root directory of your new project, then you can run 'gulp' commands.

Upvotes: 0

asabasov
asabasov

Reputation: 1

Thanks for creating this issue, I also had it. The fix for me was to put gulpfile.js in the root directory.

Upvotes: 0

Hyder B.
Hyder B.

Reputation: 12246

In my case, in order to solve the error, 'no gulpfile found' I wrongly called the configuration file as gulp.js instead of gulpfile.js.

So just make sure you didn't misspell the file.

Another possible reason why you might get this error is when you are running the gulp command in the wrong directory. Make sure the gulpfile.js is not inside another folder but within the project folder.

Upvotes: 21

Ginger Squirrel
Ginger Squirrel

Reputation: 663

I also had this issue. I created the gulpfile.js file through explorer so it was incorrectly named gulpfile.js.txt which prevented the gulp command finding it. This only became obvious when I opened the project in a text editor and I saw the extension.

Upvotes: 1

Manish Kumar
Manish Kumar

Reputation: 119

This error means that gulp doesn't find gulpfile.js to follow the instructions. To solve this error we need to add gulpfile.js to our directory root by running the command.

Create gulpfile.js and then add

var gulp = require('gulp');
gulp.task('default', function () { 
    console.log('Hello Gulp!') 
});

Upvotes: 12

Related Questions