travis-ci在grunt-contrib-imagemin任务上构建失败(无法准备属性'内容'未定义

时间:2016-01-13 18:44:37

标签: javascript gruntjs travis-ci grunt-contrib-imagemin

我在针对grunt-contrib-imagemin任务的travis-ci构建期间遇到错误...

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

grunt构建在我的本地机器上成功运行,但是当通过travis-ci执行时它失败

Gruntfile.js

imagemin: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= yeoman.app %>/images',
          src: '{,*/}*.{png,jpg,jpeg,gif}',
          dest: '<%= yeoman.dist %>/images'
        }]
      }
    },

本地Grunt构建(输出)

Running "imagemin:dist" (imagemin) task
    Minified 9 images (saved 77.32 kB)

    Done, without errors.

    Execution Time (2016-01-13 17:04:49 UTC)
    imagemin:dist  1.6s  100%
    Total 1.6s

Travis CI grunt build(输出)

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


    Execution Time (2016-01-13 17:00:32 UTC)
    loading tasks    9ms   2%
    imagemin:dist  441ms  98%
    Total 450ms Use --force to continue.

        Aborted due to warnings.

我试图确定在我如何在任务中声明src时是否存在语法问题...但是,似乎并非如此......因为我可以成功地在本地完成构建而不会出现错误一些不同的语法样式,包括Grunt为grunt-contrib-imagemin提供的示例

参考:https://github.com/gruntjs/grunt-contrib-imagemin

dynamic: {                         // Another target
      files: [{
        expand: true,                  // Enable dynamic expansion
        cwd: 'src/',                   // Src matches are relative to this path
        src: ['**/*.{png,jpg,gif}'],   // Actual patterns to match
        dest: 'dist/'                  // Destination path prefix
      }]

有任何想法或建议吗?

2 个答案:

答案 0 :(得分:4)

作为后续行动......

我已成功移动通过一个简单的解决方法通过交换“grunt-contrib-imagemin”:“^ 1.0.0”为“grunt-image”:“^ 1.2.1”...并随后更新我的Gruntfile.js通过用图像任务替换imagemin任务......

本地构建和Travis CI构建现在取得了相同的成果。

Gruntfile.js

image: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= yeoman.app %>/images',
          src: '{,*/}*.{png,jpg,jpeg,gif}',
          dest: '<%= yeoman.dist %>/images'
        }]
      }
    },

通过本地机器和travis-ci下面的示例构建输出:

Running "image:dist" (image) task
✔ app/images/npmjs.png -> before=3.75 kB after=158 B reduced=3.59 kB(95.9%)
✔ app/images/bootstrap.png -> before=41.5 kB after=21.93 kB reduced=19.57 kB(47.2%)
✔ app/images/bowerjs.png -> before=17.71 kB after=6.65 kB reduced=11.06 kB(62.5%)
✔ app/images/nodejs.png -> before=8.45 kB after=2.93 kB reduced=5.51 kB(65.3%)
✔ app/images/starterlog.png -> before=34.53 kB after=10.58 kB reduced=23.95 kB(69.3%)
✔ app/images/gruntjs.png -> before=84.38 kB after=27.98 kB reduced=56.4 kB(66.8%)
✔ app/images/firebase.png -> before=32.03 kB after=12.19 kB reduced=19.83 kB(61.9%)
✔ app/images/fontawesome.png -> before=12.01 kB after=5.63 kB reduced=6.38 kB(53.1%)
✔ app/images/angular.png -> before=41.5 kB after=18.63 kB reduced=22.87 kB(55.1%)

Done, without errors.

Execution Time (2016-01-13 17:47:44 UTC)
image:dist  2.6s  99%
Total 2.6s

这个带有grunt-image的解决方案正在我的Angular + Firebase应用程序上运行...我将通过travis-ci和部署工具dpl部署到Firebase Hosting。

但是我仍然没有在travis-ci中用grunt-contrib-imagemin确定原始bug /问题的解决方案

任何想法都会非常感激。干杯!

答案 1 :(得分:0)

  1. 删除node_modules

  2. package.json更改为使用&#34; grunt-contrib-imagemin&#34;:&#34; 1.0.0&#34;和&#34;乙烯基-s&#34;:&#34; 2.3.1&#34;

  3. npm install