飞溅和图标发生器不工作(Ionic和Cordova)

Question

类型: bug

平台:移动网页浏览

我试着使用博客/网站教程中的离子喷溅和图标生成器。它不会读取我的png文件，即使我把它们放在根目录下。我将它们转换为ai文件，它们会返回一个错误，称文件无法读取(尽管它们将在预览和中打开)。

然后我使用了cordova生成器的指令，得到了以下错误：

{错误:命令失败:转换:无法打开图像platforms/ios/splash/Resources/icons/icon-72@2x.png'：，没有这样的文件或目录@error/bob.c/OpenBlob/2675。Failedplatforms/ios/splash/Resources/icons/icon-72@2x.png‘@ WriteBlob /png.c/MagickPNGErrorHandler/1630。timedOut:假，被杀:假，代码: 1，信号: null }

Answer 1

如果您使用的是最新版本的Ionic，那么应该能正常工作。

npm update -g ionic

更新cli。

一旦创建了项目，就必须添加一个平台：

ionic platform add android

ionic platform add ios

在项目的根目录中，您应该找到一个名为resources的文件夹。

放置图标文件和启动屏幕文件：

• icon.png
• splash.png

图标图像的最小尺寸应该是192x192 px，并且不应该有圆角。

现在，从项目的根文件夹：

ionic resources

它应该为所有定义的平台创建资源。

参考这里和这里。

Answer 2

您还可以使用工具生成文件。我创建了一个NodeJS回购，以方便图标和飞溅屏幕生成的Ionic。这样每个人都可以在几秒钟内创建所有的.png文件。

https://github.com/dericeira/Icon-Splash-Resize

首先，安装

npm install icon-splash-resize

然后放入resources文件夹中的文件

icon.png (192x192px) splash.png (2732x2732px)

然后，跑

node start

注意:您需要安装GraphicsMagick或ImageMagick

brew install imagemagick
brew install graphicsmagick

Answer 3

我的问题是，/resources文件夹中的图像文件是.jpg，显然，将它们更改为.png使一切工作顺利。