错误：飞溅和图标生成器不工作（Ionic 和 Cordova）

Question

类型：错误

平台：移动网络视图

我尝试使用博客/网站教程中的离子飞溅和图标生成器。即使我将它们放在根目录中，它也不会读取我的 png 文件。我将它们转换为 ai 文件，它们会返回一个错误，指出无法读取文件（尽管它们会在预览和 Adob​​e Illustrator 中打开）。

然后我使用了cordova生成器指令并得到了这个错误：

{ [错误：命令失败：转换：无法打开图像平台/ios/splash/Resources/icons/icon-72@2x.png'：没有这样的文件或目录@error/blob.c/OpenBlob/2675 .转换：WriteBlob Failedplatforms/ios/splash/Resources/icons/icon-72@2x.png'@error/png.c/MagickPNGErrorHandler/1630。 ] timedOut: false, kill: false, code: 1, signal: null }

Answer 1

如果您使用的是最新版本的 Ionic-CLI 之一，则应该可以正常工作。

npm update -g ionic

更新您的 cli。

创建项目后，您必须添加一个平台：

ionic platform add android

ionic platform add ios

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

放置一个图标文件和一个闪屏文件：

• icon.png
• splash.png

图标图像的最小尺寸应为 192x192 像素，并且应该 没有圆角。

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

ionic resources

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

一些参考here 和here。

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 可以使一切顺利进行。