使用 spritesmith 报错 Error: Invalid file signature

简介: 使用 spritesmith 报错 Error: Invalid file signature

问题

使用 spritesmith 时,依赖包报错了

eba18d4eb1074d8b84e8d385ec6fe149.png


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,所以检查一下图片是否被这样修改过。


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

28b2d551ab7347f09c2a88eccbe68705.png

目录
相关文章
|
JavaScript 前端开发 API
一看就懂的gulp操作指南:让前端工作变得更加轻松(三)
一看就懂的gulp操作指南:让前端工作变得更加轻松
|
前端开发 JavaScript jenkins
构建高效前端项目:从模块化到自动化
【2月更文挑战第13天】 随着Web技术的不断进步,前端项目的复杂性日益增加。为了确保可维护性和性能,前端工程师必须采用模块化和自动化的策略来优化开发流程。本文将探讨如何使用现代前端工具和最佳实践来构建一个高效的前端项目架构,包括模块打包、代码分割和持续集成等方面。
|
Android开发 iOS开发 MacOS
APP备案公钥、证书MD5指纹/签名MD5值获取最简单方法
APP备案公钥、证书MD5指纹/签名MD5值获取方法,Android安卓平台、Windows平台、macOS平台,三个平台获取方法, Android平台使用 APP备案助手,各大安卓应用市场搜索 APP备案助手 即可,Windows/macOS平台使用jadx-gui工具。
8081 3
|
Java Apache
解决gradle下载慢的问题
解决gradle下载慢的问题
9577 0
|
Serverless
函数计算FC部署问题之报错如何解决
函数计算FC部署是指在阿里云Function Compute服务上部署函数或应用程序的过程,它提供了一个无需管理服务器即可运行代码的平台;本合集将介绍和总结函数计算FC部署中常见的问题与解决方案,指导用户如何高效部署和管理Serverless函数。
|
JavaScript 数据格式
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
1898 0
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
|
NoSQL 关系型数据库 MySQL
Redis 事务特性、原理、具体命令操作全方位诠释 —— 零基础可学习
本文全面阐述了Redis事务的特性、原理、具体命令操作,指出Redis事务具有原子性但不保证一致性、持久性和隔离性,并解释了Redis事务的适用场景和WATCH命令的乐观锁机制。
1389 0
Redis 事务特性、原理、具体命令操作全方位诠释 —— 零基础可学习
|
Dart 前端开发 Java
【Flutter前端技术开发专栏】Flutter中的内存泄漏检测与解决
【4月更文挑战第30天】本文探讨了Flutter应用中的内存泄漏检测与解决方法。内存泄漏影响性能和用户体验,常见原因包括全局变量、不恰当的闭包使用等。开发者可借助`observatory`工具或`dart_inspector`插件监测内存使用。解决内存泄漏的策略包括避免长期持有的全局变量、正确管理闭包、及时清理资源、妥善处理Stream和RxDart订阅、正确 disposal 动画和控制器,以及管理原生插件资源。通过这些方法,开发者能有效防止内存泄漏,优化应用性能。
984 0
【Flutter前端技术开发专栏】Flutter中的内存泄漏检测与解决
|
SQL 安全 编译器
探索PHP的现代演进:从Web 1.0到7.x
在数字时代的浪潮中,PHP作为一门历史悠久的编程语言,经历了从简单的个人网页脚本工具到强大的服务器端开发语言的华丽转变。本文将带领读者穿越时间的长河,一探PHP如何适应现代Web开发的需要,特别是在性能、安全性和易用性方面的重大改进,以及这些变化给开发者带来的启示。
|
数据安全/隐私保护 Python
网络连接有问题?学会用Python下载器在eBay上抓取商品
Python下载器是一种利用Python编程语言编写的程序,可以实现从网站上自动下载网页或文件的功能。Python下载器的优点是可以自定义下载的内容、格式、速度和保存位置,还可以处理各种网络异常和错误,提高下载的效率和稳定性。
232 0
网络连接有问题?学会用Python下载器在eBay上抓取商品