Почему Grunt Copy выдает предупреждение "undefined is not function"?

Я использую Grunt в качестве инструмента для сборки (сюрприз), и я использую grunt-contrib-copy как инструмент отладки и ранней разработки. Я проверял свой код несколько раз, и я не понимаю, почему я получаю ошибку. Вот мой код

Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        concurrent: {
            watch: {
                options: {
                    logConcurrentOutput: true
                },
                tasks: ['watch:css', 'watch:html', 'watch:js', 'watch:img']
            }
        },
        watch: {
            css: {
                files: ['./src/scss/*.scss'],
                tasks: ['sass', 'autoprefixer']
            },
            js: {
                files: ['./src/js/*.js'],
                tasks: ['copy:js']
            },
            html: {
                files: ['./src/html/*.html'],
                tasks: ['copy:html']
            },
            img: {
                files: ['./src/img/*'],
                tasks: ['copy:img']
            }
        },
        sass: {
            files: {
                expand: true,
                cwd: './src/scss/',
                src: ['*.scss'],
                dest: './src/no-prefix-css',
                ext: '.css'
            }
        },
        autoprefixer: {
            options: {
                browsers: ['all']
            },
            files: {
                expand: true,
                cwd: './src/no-prefix-css',
                src: ['*.css'],
                dest: './build/css/',
            }
        },





        // Affected code
        copy: {
            html: {
                files: {
                    expand: true,
                    cwd: './src/html/',
                    src: ['*.html'],
                    dest: './build/html/'
                }
            },
            js: {
                files: {
                    expand: true,
                    cwd: './src/js/',
                    src: ['*.js'],
                    dest: './build/js/'
                }
            },
            img: {
                files: {
                    expand: true,
                    cwd: './src/img/',
                    src: ['*.bmp', '*.jpg', '*.jpeg', '*.svg', '*.png'],
                    dest: './build/img/'
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-autoprefixer');
    grunt.loadNpmTasks('grunt-concurrent');

    grunt.registerTask('default', 'Run build tools', ['concurrent:watch']);
}

Вот вывод, когда я бегу grunt copy:html -v

Initializing
Command-line options: --verbose

Reading "Gruntfile.js" Gruntfile...OK

Registering Gruntfile tasks.
Reading package.json...OK
Parsing package.json...OK
Initializing config...OK

Registering "grunt-contrib-watch" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-watch\pack
age.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-watch\pack
age.json...OK
Loading "watch.js" tasks...OK
+ watch

Registering "grunt-contrib-sass" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-sass\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-sass\packa
ge.json...OK
Loading "sass.js" tasks...OK
+ sass

Registering "grunt-contrib-copy" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-copy\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-copy\packa
ge.json...OK
Loading "copy.js" tasks...OK
+ copy

Registering "grunt-autoprefixer" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-autoprefixer\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-autoprefixer\packa
ge.json...OK
Loading "autoprefixer.js" tasks...OK
+ autoprefixer

Registering "grunt-concurrent" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-concurrent\package
.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-concurrent\package
.json...OK
Loading "concurrent.js" tasks...OK
+ concurrent
Loading "Gruntfile.js" tasks...OK
+ default

Running tasks: copy:html

Running "copy:html" (copy) task
Verifying property copy.html exists in config...OK
Warning: undefined is not a function Use --force to continue.

Aborted due to warnings.

2 ответа

Хотя это не работает:

    copy: {
        buildImages: {
            files: {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
        },
        buildBlub: {
            files: {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
        }
    }

..это делает:

    copy: {
        buildImages: {
            files: [
                {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
            ]
        },
        buildBlub: {
            files: [
                {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
            ]
        }

    }

"files" просто ожидает массив объектов, почему он работает с одним объектом, если задана только одна задача копирования... без понятия:)

Я не уверен, почему это так, но для тех, у кого похожая проблема, вот что было не так с моим кодом:

Копирование не позволяло мне создавать внутри него подобъекты, как я думал, было разрешено для всех команд Grunt. Чтобы решить мою проблему, я изменил свой код, чтобы он выглядел следующим образом:

copy: {
    default: {
        files: [
        {
            expand: true,
            cwd: './src/html/',
            src: ['*.html'],
            dest: './build/html/'
        },
        {
            expand: true,
            cwd: './src/js/',
            src: ['*.js'],
            dest: './build/js/'
        },
        {
            expand: true,
            cwd: './src/img/',
            src: ['*'],
            dest: './build/img/'
        }]
    }
}

Очевидно, что для копирования требуется подобъект, но он не может обрабатывать несколько объектов. Если кто-то может предоставить причину для этой функциональности, я был бы очень счастлив. Кажется, что либо это можно считать ошибкой в grunt-contrib-copyили мои выводы неверны. И мне тоже не нравится.

Другие вопросы по тегам