9

当我尝试运行 Grunt imagemin 时,它会引发以下错误:

Running "imagemin:dynamic" (imagemin) task
Fatal error: Cannot read property 'contents' of undefined

这是我的 package.json 文件:

{
  "name": "project1",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-imagemin": "^1.0.0",
    "grunt-contrib-uglify": "^0.11.0",
    "imagemin" : "4.0.0"
  }
}

这是我的 Gruntfile.js

module.exports = function(grunt) {

    grunt.initConfig({

        pkg: grunt.file.readJSON('package.json'),

        uglify: {
          build: {
            src: 'views/js/src/main.js',
            dest: 'views/js/build/main.js'
          }
        },

        imagemin: {
          dynamic: {
            files: [{
              expand: true,
              cwd: 'views/images/src/',
              src: ['**/*.{png,jpg,gif}'],
              dest: 'views/images/build/'
            }]
          }
        }

    });

    // 3. Where we tell Grunt we plan to use this plug-in.
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-imagemin');

    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['uglify', 'imagemin']);

};

该问题已在先前版本的 imagemin 中被标记并明显解决。但是商定的解决方案是将 grunt-contrib-imagemin 更新到 1.0.0 版本,将 imagemin 更新到 4.0.0,我已经完成了,但它仍然无法正常工作。

4

4 回答 4

8

只需将 gurnt-contrib-imagemin 更新为 1.0.0 或最新版本,您可能使用的是旧版本,可能是 0.9.x

于 2016-03-09T07:58:38.513 回答
7

GitHub 解决方案 ( https://github.com/gruntjs/grunt-contrib-imagemin/issues/344 ) 不是降级grunt-contrib-imagemin,而是添加"vinyl-fs": "2.2.1"到您的 package.json 中。

vinyl-fs似乎在依赖树中的任何地方。但是vinyl-fs从 2.2.1 到 2.3.0 的版本发生了重大变化,这将阻碍构建过程。所以版本应该“强制”到2.2.1。

于 2016-01-13T10:06:00.760 回答
5

我通过将 package.json 中的 grunt-contrib-imagemin 更改为grunt-contrib-imagemin": "0.9.1"

于 2016-01-13T01:39:42.013 回答
1

对我来说,更新grunt-contrib-imagemin到版本^1.0.0并添加依赖项imagemin版本^4.0.0vinyl-fs版本^2.1.1

于 2016-01-28T12:52:20.070 回答