bug: Splash and Icon generator not working (Ionic and Cordova)

Type: bug

Platform: mobile webview

I tried to use the ionic splash and icon generator from the blog/website tutorial. It would not read my png files, even though I placed them in the root. I converted them to ai files and they would return an error saying the files could not be read (although they would open in preview and in Adobe Illustrator). I then used the cordova generator instructions and got this error:

{ [Error: Command failed: convert: unable to open image platforms/ios/splash/Resources/icons/icon-72@2x.png': No such file or directory @ error/blob.c/OpenBlob/2675. convert: WriteBlob Failedplatforms/ios/splash/Resources/icons/icon-72@2x.png' @ error/png.c/MagickPNGErrorHandler/1630. ] timedOut: false, killed: false, code: 1, signal: null }

If you're using one of the latest version of Ionic-CLI things should work properly.

npm update -g ionic

to update your cli.

Once you have created your project you have to add a platform:

ionic platform add android

ionic platform add ios

In the root of your project you should find a folder called resources.

Place an icon file and a splash screen file:

  • icon.png
  • splash.png

The icon image's minimum dimensions should be 192x192 px, and should have no rounded corners.

now, from the root folder of your project:

ionic resources

and it should create the resources for all the platform defined.

Some reference here and here.