ionic resources does NOT update old icon #420

perrygovier · 2015-05-13T22:38:59Z

From @sclearion on May 13, 2015 20:29

ionic resources does not work as documented. It keeps loading from "cache". how can i remove this stupid caching as it is driving the graphic designers crazy. I have followed docs to a T and the only way I can update the icon is by removing android platform and re-installing.

Copied from original issue: ionic-team/ionic-framework#3723

adamdbradley · 2015-05-14T01:02:38Z

@cesarvega Before the resources server knows to use the images cache or not, it does a checksum on the source image. If the checksum of the source image is the same then it'll pull the image from the cache, if not, I'll it'll upload a new image again. Are you replacing the source image each time?

jbavari · 2015-05-14T17:19:51Z

@cesarvega - I'm trying this right now with latest (1.4.0). If I change my icon/splashscreen colors and run the resources command, it recreates the images. If I try to use the old ones, it relies on caching.

What is your use case here? Are you trying to fetch those resources for another machine by re-running the resources command?

sclearion · 2015-05-14T17:53:37Z

Nope it's the same machine. I update (change colors, bevel, gradients) the icon with GIMP, run the resources tool and see that it does not pull from cache...GREAT. Afterwards when I search the platform/ and resources/ folders for the new icon.png, the old one is still there and the new one only gets added to the drawable folder.

Anyways, I created a D script that would remove all stale icon and splash images from platform/ and resources/ and then it runs 'ionic resources'. Works great for now.

Thanks for the help and feedback

sclearion · 2015-05-14T17:58:02Z

I just really want to know if there is a simple 'no-cache' option. I can deal with the images not updating.

jbavari · 2015-05-19T14:32:32Z

I think I understand the problem more.

Are you meaning the images that are copied over to the platforms?

Have you tried just running ionic platform rm ios && ionic platform add ios? That would have it copy over the files in the meantime.

mzarella · 2015-06-09T05:14:24Z

rm -rf resources/ios
rm -rf resources/android

ionic resources

...it still still uses cached images...

where are these cached images... I would like to remove them so this operates correctly

sclearion · 2015-06-09T15:21:09Z

My hack method: Search resources/android for .png's in file browser (im on Ubuntu) then manually delete all old icons/splash you see. THEN run ionic resources. Works great for now. WHY would you cache images on a development platform when they are most likely going to be updated VERY frequently. Other than that, I LOVE THIS FRAMEWORK.

dineshgh · 2015-08-13T22:22:30Z

On Mac, "ionic resources --icon" generates the icons but these don't get picked up Xcode. As a result, the app still shows ionic icon and splash. It works for android (using Windows).

After "ionic resources --icon" I get a bunch of png files in $appdir/resources/ios/icon/ that are current; I also see in $appdir/config.xml the icon tags for platform name="ios". How do I get them into Xcode and into my app? Thanks.

jfcisternasm · 2015-09-18T16:49:06Z

Hi, on Windows you can clean system temp files with ccleaner tool and ionic resources generates new splash and icons for your app.

Sorry for my english, i am from Chile.

nicky-song · 2015-09-19T14:36:28Z

Caching resources has been really an annoying feature since I've been using Ionic. Please please and please kindly remove this feature.

konkissner · 2015-09-21T07:55:11Z

Today, sth. really annoying happened:
One of the screen.png of Androids' resources was corrupted, which caused an error when building the apk.

Because of the server-side cache / checksum-check, i always got the corrupted images when running ionic resources, although I deleted the resources/ios and resources/android folder.

Editing the source-file (to change its checksum) solved the problem…

An option to ignore / delete the cache when running ionic resources would be great…

migaes · 2015-09-21T13:47:57Z

So annoying that's true, an option like ionic resources --clean-cache needed. What @ehlerskon says works for me.

rdmclin2 · 2015-10-19T06:15:29Z

Me,too,same problem

sghribi · 2015-10-21T23:38:34Z

Thks @ehlerskon

And +1 for --clean-cache option :)

s1lviu · 2015-10-27T17:46:00Z

Same problem on Mac!

Edit: I have solved by placing the "icon.png" in the resources folder. (I have placed it on the project's root folder).

westonganger · 2015-10-29T18:12:56Z

+1 for --clean-cache option

luizsoliveira · 2015-11-04T17:26:47Z

I have solved running the command "ionic prepare ios"

eliashdezr · 2015-11-05T16:17:45Z

So, is there an option available to ignore cache?

shi11 · 2015-11-06T16:34:35Z

+1 - how was this overlooked? rm platform ios is not a solution.

VipinAgarwal · 2015-11-13T01:34:26Z

This is driving crazy.. we need some switch to remove cache.

adrianboisclair · 2015-11-16T18:00:30Z

I'm having this same issue. I'm not sure what to do right now since I'm trying to release my app to the App Store and the dang icon is looking crazy! hahaha This is insane.

luizsoliveira · 2015-11-16T18:03:14Z

Do you already tried the following command:

ionic prepare ios
Em 16/11/2015 16:00, "Adrian Boisclair" notifications@github.com escreveu:

I'm having this same issue. I'm not sure what to do right now since I'm
trying to release my app to the App Store and the dang icon is looking
crazy! hahaha This is insane.

—
Reply to this email directly or view it on GitHub
#420 (comment).

HelloYu · 2015-11-18T06:42:19Z

Hey guys, I recommend you try this, go 'C:\Users\AppData\Local\Temp ' this temp directory, and delete the cache files , then try again .

ddeabreu · 2015-11-19T08:18:20Z

Easy Trick : Create a new blank project, add your splash & icon.psd in /resources, execute sudo ionic resources then copy all news generated files in your current project ;) Quick & easy :)
<3 Ionic

troyanskiy · 2015-11-19T15:55:23Z

+1 for --clean-cache option

AzrizHaziq · 2016-12-06T07:03:25Z

Some how i manage to fix this by manually copy the generated file on res folder, one by one to corresponding folder in platforms/android/res and rename it

im using

Your system information:

Cordova CLI: 6.4.0
Gulp version:  CLI version 1.2.2
Gulp local:   Local version 3.9.1
Ionic Framework Version: 1.3.1
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v6.9.1
Xcode version: Xcode 8.1 Build version 8B62

msegers · 2016-12-06T07:04:58Z

That works but it's a temporary workaround if you want to change the logo you have to do it again

…

On Tue, 6 Dec 2016 at 08:03, TwinLight ***@***.***> wrote: Some how i manage to fix this by manually copy the generated file on res folder, one by one to corresponding folder in platforms/android/res and rename it — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#420 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADp7b3mouTxdQaQOE35CTNYLQGLWhsFzks5rFQjAgaJpZM4EZxXt> .

RZR666 · 2016-12-07T19:13:56Z

I've been having this issue all day, glad I'm not the only one experiencing it but since it's a year old, I doubt it'll be fixed anytime soon.

agpt · 2016-12-07T19:50:26Z

Using ionic cli v2.1.13.
OS: Ubuntu 16.0.4 LTS
Node: V6.7.0

still facing this issue. All I did was manually overwriting the files from res folder to platforms/android/res. no other solution worked for me, not even --clean-cache. any other cleaner solution ?

tskweres · 2016-12-07T20:02:03Z

@agupta-q4 for now I would write a custom gulp task that includes ionic build android and then copies and replaces the res folder to the proper place.

Then instead of doing ionic build android, just run gulp build-android or something like that which fires off your task

gulp.task('move-android-res', false, function(cb) {
    exec('[ -d "res" ] && cp -R res platforms/android && rm -R res || echo "Error: Directory res does not exists." ',
    function(err) {
        cb(err);
    });
});

PabloFNK · 2016-12-12T10:18:35Z

I think that @tomysmile has found the way to fix it at the moment, this is a Cordova bug and not Ionic specific:

Cordova released a fix for this one month ago for the Android platform but for some reason the cordova-cli is still using an old version of the Android platform that hasn't the problem fixed.

So, the steps:

$ ionic platform rm android
$ ionic platform add android
$ ionic platform update android@6.1.0

You can see that by default cordova is adding as android platform version the 6.0.0 but the bug is fixed in the 6.1.0 (https://github.com/apache/cordova-android/blob/master/RELEASENOTES.md).

Remove and add the platform can be avoided, I've added them for the people that had copy/pasted the icon and splashcreen to the platform folder, if you haven't done that the third step would be enough.

tore90turris · 2016-12-12T11:04:35Z

@PabloFNK Thx

$ ionic platform rm android
$ ionic platform add android
$ ionic platform update android@6.1.0

Now the icon is working correctly, but still do not see the splash screen, showing the white screen

Cordova CLI: 6.4.0
Ionic Framework Version: 1.3.1
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.0.0-beta.20
OS:
Node Version: v6.9.1

PabloFNK · 2016-12-12T11:31:43Z

@tore90turris are you following correctly all the steps (http://blog.ionic.io/automating-icons-and-splash-screens/)?

Both, icon and splashscreen is working now to me.

tore90turris · 2016-12-12T11:38:44Z

@PabloFNK
Yes, launch ionic resources --splash
This is my config.xml

<platform name="android">
    <allow-intent href="market:*"/>
    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
    <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
    <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
    <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
    <splash src="resources\android\splash\drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
    <splash src="resources\android\splash\drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
    <splash src="resources\android\splash\drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
    <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
    <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
  </platform>
  <engine name="android" spec="~6.0.0"/>
  <icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="3000"/>

rolandjitsu · 2016-12-16T09:15:50Z

Is there a reason why there is a res and resources folder now? Or is this just a bug?

petewarrior · 2016-12-21T12:03:53Z

@rolandjitsu Apparently that res folder should be inside platforms/android. Just overwrite the one already there.

MoisesValera · 2016-12-24T17:24:10Z

+1 for ionic resources --clean-cache

zhantewei2 · 2016-12-25T18:03:23Z

thanks for PabloFNK and Elijax

theunreal · 2016-12-29T13:50:37Z

I put my splash.png inside my res/ folder, ran --clean-cache, but the splash images inside my android folder stays the same. what's wrong?

AzrizHaziq · 2016-12-29T13:59:01Z

@theunreal , have u try to run this on your terminal.

$ ionic platform rm android
$ ionic platform add android
$ ionic platform update android@6.1.0

saeed68gm · 2017-01-03T18:42:20Z

Finally the update command did the trick for me

ppiatek · 2017-01-06T03:13:50Z

I had problem like this when I removed and added platform android.
I saw that in folder platforms/android/res there were default splashscreen's images. When I overwrited them splashscreen was updated in application.
These is not correct way to fix it because I shouldn't touch manualy folder /platform/ but I hope that someone find solution how to do that in command line and will write it below.

rahianeja · 2017-01-15T12:49:57Z

For me re installing cordova and ionic using npm install -g cordova and npm install -g ionic (on latest update released) - removing and readding platforms works.

kapposds · 2017-01-15T23:11:46Z

@ubaidseth finally that works!!!!!!!!! +1

shah-smit · 2017-01-18T14:44:37Z

+1 @bormansquirrel for ionic resources --clean-cache;

abdulsalam944 · 2017-01-19T05:54:06Z

Just delete files from your temp folder of windows, then run "ionic resources" command again. ionic will re-upload and generate new images.

jrbistuer · 2017-01-19T12:21:03Z

In my case it worked updating the platform

$ ionic platform update android@6.1.0

lakehouseru · 2017-01-19T16:42:37Z

On osX.

Find the temp folder
echo $TMPDIR
Delete all images in it
Generate resources.
Voila!

PabloFNK · 2017-01-23T13:50:24Z

As @rahianeja said since 17th January (Cordova released version 6.5.0) it is using the last version of cordova-android with the bug fixed, so, it's no longer needed the 'update' trick.

Just update Cordova to the latest version and finally remove and add the platform.

scvishnu7 · 2017-01-30T14:07:01Z

I have to copy all the directories from 'res' directory on project root to platform/android/res .
It is wired.

Note: ionic platform rm android and ionic platform add android didn't solvevd it

sarment0 · 2017-01-30T17:27:12Z

Still not working... i tried cleaning the $TMPDIR and removed the platform and add again.

Mac OSX.

jthoms1 · 2017-01-31T22:23:31Z

I am actively working on our implementation of CLI v3. I did a ground up rewrite and can tell you that the caching issues are fixed. We will be releasing this in the coming weeks. Right now I am going to lock this issue.

perrygovier mentioned this issue May 13, 2015

ionic resources does NOT update old icon ionic-team/ionic-framework#3723

Closed

jbavari self-assigned this May 14, 2015

jbavari added the needs_reply label May 14, 2015

mzarella mentioned this issue Jun 9, 2015

how to bust the cache for ionic resources #473

Closed

HelloYu unassigned jbavari Nov 18, 2015

ionic-team locked and limited conversation to collaborators Jan 31, 2017

imhoffd removed the needs reply label Aug 15, 2017

imhoffd closed this as completed Jul 12, 2018

ionic resources does NOT update old icon #420

ionic resources does NOT update old icon #420

Comments

perrygovier commented May 13, 2015

adamdbradley commented May 14, 2015

jbavari commented May 14, 2015

sclearion commented May 14, 2015

sclearion commented May 14, 2015

jbavari commented May 19, 2015

mzarella commented Jun 9, 2015

sclearion commented Jun 9, 2015

dineshgh commented Aug 13, 2015

jfcisternasm commented Sep 18, 2015

nicky-song commented Sep 19, 2015

konkissner commented Sep 21, 2015

migaes commented Sep 21, 2015

rdmclin2 commented Oct 19, 2015

sghribi commented Oct 21, 2015

s1lviu commented Oct 27, 2015

westonganger commented Oct 29, 2015

luizsoliveira commented Nov 4, 2015

eliashdezr commented Nov 5, 2015

shi11 commented Nov 6, 2015

VipinAgarwal commented Nov 13, 2015

adrianboisclair commented Nov 16, 2015

luizsoliveira commented Nov 16, 2015

HelloYu commented Nov 18, 2015

ddeabreu commented Nov 19, 2015

troyanskiy commented Nov 19, 2015

AzrizHaziq commented Dec 6, 2016 • edited Loading

msegers commented Dec 6, 2016 via email

RZR666 commented Dec 7, 2016

agpt commented Dec 7, 2016 • edited Loading

tskweres commented Dec 7, 2016 • edited Loading

PabloFNK commented Dec 12, 2016

tore90turris commented Dec 12, 2016

PabloFNK commented Dec 12, 2016

tore90turris commented Dec 12, 2016 • edited Loading

rolandjitsu commented Dec 16, 2016

petewarrior commented Dec 21, 2016

MoisesValera commented Dec 24, 2016

zhantewei2 commented Dec 25, 2016

theunreal commented Dec 29, 2016

AzrizHaziq commented Dec 29, 2016

saeed68gm commented Jan 3, 2017

ppiatek commented Jan 6, 2017

rahianeja commented Jan 15, 2017

kapposds commented Jan 15, 2017

shah-smit commented Jan 18, 2017

abdulsalam944 commented Jan 19, 2017

jrbistuer commented Jan 19, 2017 • edited Loading

lakehouseru commented Jan 19, 2017

PabloFNK commented Jan 23, 2017

scvishnu7 commented Jan 30, 2017 • edited Loading

sarment0 commented Jan 30, 2017

jthoms1 commented Jan 31, 2017

AzrizHaziq commented Dec 6, 2016 •

edited

Loading

agpt commented Dec 7, 2016 •

edited

Loading

tskweres commented Dec 7, 2016 •

edited

Loading

tore90turris commented Dec 12, 2016 •

edited

Loading

jrbistuer commented Jan 19, 2017 •

edited

Loading

scvishnu7 commented Jan 30, 2017 •

edited

Loading