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

Question

这是我的 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');
    });

我不知道为什么会这样。我正在按照教程学习

Answer 1

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

Answer 2

我首先必须运行 "gulp copyfiles"，然后我不得不运行 gulp 再次

所以首先运行

 gulp copyfiles

然后运行

gulp

Answer 3

我正在按照相同的教程进行操作，但遇到了相同的问题。

我复制了运行 gulp 个文件，但是 dataTables.bootstrap.css 和 dataTables.bootstrap.js 没有被复制。

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

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

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

twitter-bootstrap

gulp-less