CODEWITHSUNDEEP
gulp
BigBugCreator
BigBugCreator

Reputation: 1059

Gulp watch doesn´t work - Cannot find module livereload

I´m triying to call "gulp watch" command, but it doesn´t work, it says: 

module.js:340
    throw err;
    ^

Error: Cannot find module 'gulp-livereload'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:289:25)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous>    (/Applications/XAMPP/xamppfiles/htdocs/last/gulpfile.js:2:18)
    at Module._compile (module.js:425:26)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)

I guess that this is for an error in my gulpfile.js but I don´t know what could be. Some one knows what happend with "livereload"? I was looking for answers in internet but I cant find anything, I triying to install (again) npm, but It doesn´t work. 

var gulp = require('gulp');
var livereload = require('gulp-livereload')
var uglify = require('gulp-uglifyjs');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');


 gulp.task('imagemin', function () {
    return gulp.src('./themes/theme_name/images/*')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        }))
        .pipe(gulp.dest('./themes/theme_name/images'));
 });


  gulp.task('sass', function () {
  gulp.src('./themes/theme_name/sass/**/*.scss')
     .pipe(sourcemaps.init())
     .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
  .pipe(sourcemaps.write('./'))
  .pipe(gulp.dest('./themes/theme_name/styles'));
 });


 gulp.task('uglify', function() {
 gulp.src('./themes/theme_name/lib/*.js')
  .pipe(uglify('main.js'))
  .pipe(gulp.dest('./themes/theme_name/scripts'))
 });

 gulp.task('watch', function(){
    livereload.listen();

    gulp.watch('./themes/theme_name/sass/**/*.scss', ['sass']);
    gulp.watch('./themes/theme_name/lib/*.js', ['uglify']);
    gulp.watch(['./themes/theme_name/styles/style.css',   './themes/theme_name/**/*.twig', './themes/theme_name/scripts/*.js'], function (files){
    livereload.changed(files)
  });
});

Upvotes: 2

Views: 4155

Answers (1)

Beat
Beat

Reputation: 4412

Try this npm install -S gulp-livereload in your working directory. Probably your package.json does not contain this dependency...

Upvotes: 8

Related Questions