Unable to Generate Resources with Ionic V1

ionic-v1
1

I am trying to generate icons and splash images for both iOS and Android using Ionic V1. I have the images in my resources folder which is in the root of my project. The resources fit the dimensions outlined in the blog post tutorial. The icon is called “icon.png” and the splash image is called “splash.png”. When I run “ionic cordova resources” I get the following:

✔ Collecting resource configuration and source images - done!
[WARN] Error occurred during command execution from a CLI plugin (@ionic/cli-plugin-cordova). Your plugins may be out of
       date.
✖ Uploading source images to prepare for transformations - failed!
HTTP Error 503: POST https://res.ionic.io/api/v1/upload
<!DOCTYPE html>
	<html>
	  <head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<title>Application Error</title>
		<style media="screen">
		  html,body,iframe {
			margin: 0;
			padding: 0;
		  }
		  html,body {
			height: 100%;
			overflow: hidden;
		  }
		  iframe {
			width: 100%;
			height: 100%;
			border: 0;
		  }
		</style>
	  </head>
	  <body>
		<iframe src="//www.herokucdn.com/error-pages/application-error.html"></iframe>
	  </body>
	</html>

Below is the output from the command “ionic info”:

global packages:

@ionic/cli-utils : 1.5.0
Cordova CLI      : 7.0.1 
Gulp CLI         : CLI version 3.8.11 Local version 3.9.1
Ionic CLI        : 3.5.0

local packages:

@ionic/cli-plugin-cordova : 1.4.1
@ionic/cli-plugin-gulp    : 1.0.2
@ionic/cli-plugin-ionic1  : 2.0.1
Cordova Platforms         : android 5.2.2 ios 4.2.1
Ionic Framework           : ionic1 1.3.3

System:

Node       : v6.8.1
OS         : macOS Sierra
Xcode      : Xcode 8.3.3 Build version 8E3004b 
ios-deploy : 1.8.5 
ios-sim    : 5.0.8 
npm        : 3.10.8

I hope this is just a version mismatch but any help is greatly appreciated. Thank you in advance!

1 Like
2

Do Login first and then do $ionic cordova resources

$ ionic login [<email>] [<password>]
3

after login same problem here

4

Update your ionic CLI first.
Npm uninstall -g ionic
Npm install -g ionic

Change file dimensions,

project/resources/splash.png => 2208x2208 to 2732x2732
Then,
Run: ionic cordova resources

5

Sorry @thesourav it didn’t work for me. I can’t understand. Should I wait for the next version of ionic?

6

Try the following command : npm install --save-dev --save-exact @ionic/cli-plugin-cordova@latest
What is the size of your splash screen file?

7

Good news! After running sudo npm install -g ionic@latest and following some update recommendations from the terminal the ionic resources CLI command is working again.

8

Fixed! My files were large. I always use psd files to set resources. But this time psd file size were over 5MB and 7MB. That was my problem.