Ionic Resources service is broken

Same problem, is the server down?
:heavy_check_mark: Collecting resource configuration and source images - done!
:heavy_check_mark: Filtering out image resources that do not need regeneration - done!
:heavy_multiplication_x: Uploading source images to prepare for transformations - failed!
HTTP Error 400: POST https://res.ionic.io/api/v1/upload

{“Error”:“unable to read uploaded image”,“Width”:0,“Height”:0,“Type”:“png”,“Vector”:false}
thanks

Did you have solve the problem?

No,I’m afraid the service is still down or is unable to get the files

Actually it is much more probably that something is wrong with your files. Does it work in a new project created with ionic start and the default resources?

I’ve just tried to generate resources using my existing project and a new one with ionic start no luck

[DEBUG] Reason for not using local CLI: LOCAL_CLI_NOT_FOUND
[DEBUG] CLI flags: { interactive: true, confirm: false }
[DEBUG] { cwd: 'c:\\Projects\\test-icon-upload', local: false, binPath:
        'C:\\Users\\George\\AppData\\Roaming\\npm\\node_modules\\ionic\\bin\\ionic', libPath:
        'C:\\Users\\George\\AppData\\Roaming\\npm\\node_modules\\ionic\\dist\\index.js' }
[DEBUG] Daemon found (pid: 57000)
[DEBUG] resourceJsonStructure=3
[DEBUG] platforms=ios
[DEBUG] buildPlatforms=ios
[DEBUG] getProjectPlatforms completed: ios
[DEBUG] imgResources=32
[DEBUG] createImgDestinationDirectories completed: 2
[DEBUG] getSourceImages completed: (.\resources\icon.png, .\resources\splash.png)
√ Collecting resource configuration and source images - done!
√ Filtering out image resources that do not need regeneration - done!
× Uploading source images to prepare for transformations - failed!
HTTP Error 400: POST https://res.ionic.io/api/v1/upload

{"Error":"unable to read uploaded image","Width":0,"Height":0,"Type":"png","Vector":false}

Log out and in of Ionic Pro maybe? (Running ionic help should show you the commands)

I’d literally just logged in to run the command, I’ll try it but doubt it will work

Just to show you that the web service is totally fine:

λ ionic cordova resources --force
√ Collecting resource configuration and source images - done!
√ Filtering out image resources that do not need regeneration - done!
√ Uploading source images to prepare for transformations: 2 / 2 complete - done!
√ Generating platform resources: 18 / 18 complete - done!
√ Modifying config.xml to add new image resources - done!

(After creating a new project with ionic start and adding the Android platform with ionic cordova platform add android)

Thanks, just tried again and the default icon is working when i use --force my png is 1024x1024 24 bit, but won’t upload…

Ranking Factor Ltd
0161 883 0949

34 China House, Manchester, M1 6HP

I’ve already tried again with no luck:

:heavy_check_mark: Collecting resource configuration and source images - done!
:heavy_check_mark: Filtering out image resources that do not need regeneration - done!
:heavy_multiplication_x: Uploading source images to prepare for transformations - failed!
HTTP Error 400: POST https://res.ionic.io/api/v1/upload

{“Error”:“unable to read uploaded image”,“Width”:0,“Height”:0,“Type”:“png”,“Vector”:false}

Is there any way to check what could be wrong?
Thanks

In all cases I know something with the picture was unexpected or not ok. Resaving the picture as a proper png in the correct dimensions solved the issue.

1 Like

Yes, you were right, it was an issue with the picture. I saved it as png-24 but it seems it must be saved as png-8. Now it’s working!!!

Thanks!!!

2 Likes

You will be able to use png24, you just need to ensure the image file size is on the lower side, for uploading and processing. I found 780-ish kilobytes was the magic number. 1920x1920.

Man. this issue came back up again today.
Please check your server and let me know

✔ Collecting resource configuration and source images - done!
✔ Filtering out image resources that do not need regeneration - done!
✖ Uploading source images to prepare for transformations - failed!
HTTP Error 503: POST https://res.ionic.io/api/v1/upload
1 Like

I am facing the same issue:

:heavy_check_mark: Collecting resource configuration and source images - done!
:heavy_check_mark: Filtering out image resources that do not need regeneration - done!
:heavy_multiplication_x: Uploading source images to prepare for transformations - failed!
HTTP Error 503: POST https://res.ionic.io/api/v1/upload

    <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>

This is really annoying.

I am not able to login as well,
Showing the following error:

Request: POST https://api.ionic.io/login
Response: 410
Body:
{}

@max @Ben @mhartington @adam : please help

Phew. Started to work again.
Cheers!!

Right now I am getting a timeout error while login to ionic,

HTTP Error 504: POST https://api.ionic.io/login

<html>
<head><title>504 Gateway Time-out</title></head>
<body bgcolor="white">
<center><h1>504 Gateway Time-out</h1></center>
</body>
</html>

no idea why these happening. Is the api.ionic is down??

I tried many suggestions, but in my case the solution was make the images were less heavy.

I used tinypng.com

I got it worked for me now.

I set my backend as ionic pro instead of legacy, and its working as normal now.

ionic config set backend pro -g

6 Likes

Tnx dude this relieved my headache