grunt-localscreenshots 在 grunt-contrib-connect 呈现的页面上出现 Not Found 错误

grunt-localscreenshots is getting Not Found error on rendered pages from grunt-contrib-connect

我有一种情况,我正在使用 g运行t-contrib-connect 将文件提供给 g运行t-localscreenshots。问题是在 localscreenshots 的输出中,所有图像都有服务器错误,"Not Found"。

如果我使用 keepalive 选项访问服务器,我可以导航到目录中的任何文件。

我看到的唯一似乎具有暗示性的细节是,当连接为 运行 时,在终端输出中 "File: [no files]" 在连接输出中。

这是我的 g运行tfile 的精简版本,它重现了这个问题。

//start gruntfile
module.exports = function(grunt) {

// measures the time each task takes
require('time-grunt')(grunt);
var path = require('path'),
    argv = require('minimist')(process.argv.slice(2));

// load all grunt tasks
grunt.loadNpmTasks('grunt-localscreenshots');
grunt.loadNpmTasks('grunt-contrib-connect');


grunt.initConfig({

    localscreenshots: {
        options: {
            path: './release/screenshots',
            type: 'png',
            local: {
                path: './release',
                port: 8080
            },
            viewport: ['600x800', '768x1024', '1024x1024'],
        },
        src: ['release/*.html']
    },

    //task specific server
    connect: {
        server: {
            options: {
                port: 8080,
                base: ['./release/'],
                //keepalive: true,
                //open: true
            }
        }
    }
});

 grunt.registerTask('test', ['connect', 'localscreenshots']);
};

还有我的目录结构... 糟糕,还不能 post 图片。这是图像的link。

https://drive.google.com/open?id=0B4bxMjEzI-oKTkM3YjNvT2lnZW8

在此先感谢任何人对此的任何启发。

简单的答案是不要想太多你的路径,我指定的是“./release”,这样就把事情搞砸了。