使用 spritesmith 报错 Error: Invalid file signature

问题

使用 spritesmith 时，依赖包报错了

const Spritesmith = require('spritesmith');
const path = require('path');
const fs = require('fs');

const sprites = [
    './src/img/kaimo-001.png',
    './src/img/kaimo-002.png',
    './src/img/kaimo-003.png'
];

// 生成精灵表
Spritesmith.run({
    src: sprites
}, function handleResult(err, result) {
    // 如果有错误，抛出它
    if (err) {
        throw err;
    }
    console.log("result---->", result)
    // // 输出图像
    // fs.writeFileSync(path.join(__dirname + './dist/sprite.png'), result.image);
    // // 坐标和属性
    // result.coordinates, result.properties;
});

原因以及解决

可能是因为上面的图像被创建为 JPG 然后重命名为 .png 扩展名，而不是正确导出为 PNG，所以检查一下图片是否被这样修改过。

替换图片后，我再次执行就没有问题了。