Search code examples
twitter-bootstrapgulp-less

I'm getting the following error : others/dataTables.bootstrap.less' wasn't found


This is my gulpfile. I don't know what is going on with this. as it worked before in my other project. is something outdated or something?

 var gulp = require('gulp');
    var rename = require('gulp-rename');
    var elixir = require('laravel-elixir');



    gulp.task("copyfiles", function(){
        // Copy jQuery, Bootstrap, and FontAwesome
        gulp.src("vendor/bower_dl/jquery/dist/jquery.js")
            .pipe(gulp.dest("resources/assets/js/"));

        gulp.src("vendor/bower_dl/bootstrap/less/**")
            .pipe(gulp.dest("resources/assets/less/bootstrap"));

        gulp.src("vendor/bower_dl/bootstrap/dist/js/bootstrap.js")
            .pipe(gulp.dest("resources/assets/js/"));

        gulp.src("vendor/bower_dl/bootstrap/dist/fonts/**")
            .pipe(gulp.dest("public/assets/fonts"));

        gulp.src("vendor/bower_dl/fontawesome/less/**")
            .pipe(gulp.dest("resources/assets/less/fontawesome"));

        gulp.src("vendor/bower_dl/fontawesome/fonts/**")
            .pipe(gulp.dest("public/assets/fonts"));

        // Copy datatables
        var dtDir = 'vendor/bower_dl/datatables-plugins/integration/';

        gulp.src("vendor/bower_dl/datatables/media/js/jquery.dataTables.js")//-----
            .pipe(gulp.dest('resources/assets/js/'));

        gulp.src(dtDir + 'bootstrap/3/dataTables.bootstrap.css')
            .pipe(rename('dataTables.bootstrap.less'))
            .pipe(gulp.dest('resources/assets/less/others/'));//-----

        gulp.src(dtDir + 'bootstrap/3/dataTables.bootstrap.js')
            .pipe(gulp.dest('resources/assets/js/'));

    });


    /**
     * Default gulp is to run this elixir stuff
     */
    elixir(function(mix) {
        // Combine scripts
        mix.scripts([
                'js/jquery.js',
                'js/bootstrap.js',
                'js/jquery.dataTables.js',
                'js/dataTables.bootstrap.js'
            ],
            'public/assets/js/admin.js',
            'resources/assets'
        );
        // Compile Less
        mix.less('admin.less', 'public/assets/css/admin.css');
    });

I dont know why this is happening. I'm following the tutorial to a tee


Solution

  • I first had to run "gulp copyfiles", Then I had to run gulp again with no arguments

    so first run

     gulp copyfiles
    

    then run

    gulp