我收到以下错误:找不到其他/ dataTables.bootstrap.less'

时间:2015-09-29 04:35:52

标签: twitter-bootstrap gulp-less

这是我的gulpfile。我不知道这是怎么回事。因为它在我的其他项目中工作。什么是过时的东西?

 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');
    });

我不知道为什么会这样。我正在按照教程开发一个发球台

3 个答案:

答案 0 :(得分:0)

您可能没有在新项目中安装依赖项。也许在根目录中运行bower安装。并确保bower文件具有所需插件中列出的bootstrap datatables插件。

答案 1 :(得分:0)

我首先必须运行" gulp copyfiles",然后我必须再次运行gulp而没有参数

首先运行

 gulp copyfiles

然后运行

gulp

答案 2 :(得分:0)

我遵循相同的教程并遇到了同样的问题。

我确实运行了gulp copyfiles,但是没有复制dataTables.bootstrap.css和dataTables.bootstrap.js。

我通过手动复制这两个文件并将css重命名为less来解决了这个问题。