Android: Error occurred while copying #137

johnbwoodruff · 2020-07-05T18:07:00Z

I am building an Ionic app with capacitor, and am trying to generate the resources as specified in the docs. It works great for iOS and I get all the icons correctly generated. When I run it for android, I get this error. Then when I run my app after a rebuild and sync it only copied the splash screen correctly. The app icon everywhere else is still the default capacitor icon.

This is the error I'm getting:

❯ cordova-res android --skip-config --copy
Generated 18 resources for Android
WARN:   Error occurred while copying resources/android/icon/mdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/hdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xhdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xxhdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xxxhdpi-foreground.png
Copied 26 resource items to Android

In my resources directory I don't have files with these names. Instead they're named:

resources/android/icon/drawable-hdpi-icon.png
resources/android/icon/drawable-ldpi-icon.png
resources/android/icon/drawable-mdpi-icon.png
resources/android/icon/drawable-xhdpi-icon.png
resources/android/icon/drawable-xxhdpi-icon.png
resources/android/icon/drawable-xxxhdpi-icon.png

Which makes sense why they're not getting copied. Is there possibly something I'm doing wrong? My icon is following the directions. It's in the resources folder called icon.png, and it's 1024x1024. I get no errors with iOS, so I don't think it's something I'm doing wrong, but I'm absolutely not ruling that out.

The text was updated successfully, but these errors were encountered:

benjidotsh · 2020-07-05T19:40:29Z

I have been having exactly the same issue on v0.15.1. This was not an issue on v0.14.0, so I downgraded to that version.

EDIT: I just tried it out and v0.14.0 seems to have its issues as well. The icons don't fit the app circle. I would suggest generating those manually in Android Studio

imhoffd · 2020-07-06T16:51:37Z

@johnbwoodruff These are just warnings. It's because the copy process expecting generated Adaptive Icon foregrounds, but since you're not using Adaptive Icons, they aren't there. It's fine to ignore, and this won't be an issue by 1.0.0 (see #113).

@benjiJanssens I'm not sure what you mean by app circle, but it sounds like a separate issue. Could you create a new issue if the problem persists in the latest version?

rajasekarsphcl · 2020-08-18T13:31:19Z

This issue is still there.

BenjaminDish · 2020-08-31T15:44:00Z

I agree, this is still an issue. This a true problem because the launch app of the icon remains capacitor's picture, in my case.

DEGBEMBIA · 2020-09-04T17:46:25Z

I have the same issue

AdaLollA · 2020-09-08T12:48:05Z

same issue here

gnesher · 2020-09-10T10:56:25Z

the issue still exists...

angelofan · 2020-09-12T15:26:44Z

I also encountered the same issue

ketanakbari · 2020-09-15T16:48:41Z

the issue still exists...

angelofan · 2020-09-16T01:25:47Z

After displaying the warning, the icon of the application is still the logo of the capacitor.

Boel21 · 2020-09-28T00:53:50Z

any body got how resolve this?

I could not make the foreground image. But android studio has an easy option

https://developer.android.com/studio/write/image-asset-studio?hl=es-419

apoth12 · 2020-10-02T13:29:56Z

How can I remove the standard ionic app icon then? Because the ic_launcher_foreground.png will be generated with the ionic icon instead of my own app icon..

kensodemann · 2020-10-13T18:09:08Z

I think this should be re-opened. I created a blank starter, added the android and ios platforms, and then did cordova-res with a new icon, which generated the warnings. Project is here: https://github.com/kensodemann/delete-me

You can verify here, for example: https://github.com/kensodemann/delete-me/tree/master/android/app/src/main/res/mipmap-xxhdpi

npx cap open android and then run on a device or emulator and it will use the default cap icon and not the updated tea icon, at least on modern versions of Android. I have not tried on older versions of Android yet.

Seems to be related to this fix: 65520bc which is copying files that have not been generated even though I have tried generating with and without --type=adaptive-icon

Boel21 · 2020-10-13T19:14:33Z

if you generate the ic_launcher_foreground.png with android studio it will overwrite this icon. You dont need to delete or if you want delete manaually. but is unnsecasary

gregmeszaros · 2020-10-14T19:19:58Z

Same issue, with a blank ionic/capacitor app..
Ios image splash and icon generates OK, but on android the icon is not replaced and it's still showing the capacitor one.
Splash screen works on both ios and android.

Run this:
cordova-res android --skip-config --copy

And also got bunch of warnings and icons didn't get replaced:

Generated 18 resources for Android
WARN: Error occurred while copying resources/android/icon/mdpi-foreground.png
WARN: Error occurred while copying resources/android/icon/hdpi-foreground.png
WARN: Error occurred while copying resources/android/icon/xhdpi-foreground.png
WARN: Error occurred while copying resources/android/icon/xxhdpi-foreground.png
WARN: Error occurred while copying resources/android/icon/xxxhdpi-foreground.png
Copied 26 resource items to Android

kensodemann · 2020-10-14T19:34:41Z

@gregmeszaros - follow the instructions here to generate the *-foreground.png files: https://github.com/ionic-team/cordova-res#adaptive-icons

That should at least get you past this, though I believe that we need to get a bit more sorted out in how we handle this, document it, etc. as it is currently not exactly obvious what to do.

Note: you could also generate the adaptive icons via other means if you don't want to follow the linked instructions.

sonam-st · 2020-10-21T02:59:05Z

This issue is still there.

Use the following steps to generate. However, you need to create a file as mentioned.
Adaptive Icons
Android Adaptive Icons are also supported. If you choose to use them, create the following additional file(s):

resources/android/icon-foreground.png must be at least 432×432px
resources/android/icon-background.png must be at least 432×432px
A color may also be used for the icon background by specifying the --icon-background-source option with a hex color code, e.g. --icon-background-source '#FFFFFF'.

Regular Android icons will still be generated as a fallback for Android devices that do not support adaptive icons.

📝 Note: For Cordova apps, Cordova 9+ and cordova-android 8+ is required.
Link: https://github.com/ionic-team/cordova-res#adaptive-icons

Sampath-Lokuge · 2020-11-14T15:42:38Z

This is not clear to me. Can you tell me the steps to avoid this issue?

sonam-st · 2020-11-14T15:48:14Z

Did you create the mentioned files and placed under the named folders? You need to create resources folder if not created

Sampath-Lokuge · 2020-11-14T15:58:45Z

@stNamring Can you tell me how to create those 2 files? I have a resources folder and it has icon 1024x1024 and splash 2732x2732

sonam-st · 2020-11-14T16:42:52Z

@Sampath-Lokuge I have used my same icon file and created icon-foreground.png with the mentioned size. Also, created icon-background.png with the same size with background color of my icon.

Sampath-Lokuge · 2020-11-16T11:32:06Z

@stNamring Can you tell me the other steps also after creating those 2 files?

sonam-st · 2020-11-16T15:26:54Z

@Sampath-Lokuge then, you fire that command to generate resources.

RockyLon · 2020-12-10T18:44:53Z

you can do it from android studio, just follow this steps from the developers page: https://developer.android.com/studio/write/image-asset-studio

I've made a short video on how to change the icon
https://www.youtube.com/watch?v=QOsDG5RSQ-Q&feature=youtu.be&ab_channel=RockyLon

aacassandra · 2020-12-19T07:46:16Z

I've created an icon with the name according to the documentation and in the resources/android/icon folder and then run the command cordova-res android --skip-config --copy

and that doesn't solve the problem.

@stNamring You just copy from the documentation and it doesn't work

Renny1 · 2020-12-21T15:35:02Z

Guys, I believe it is a mistake when generating the images using cordova-res, I temporarily solved it as follows:

Go to: resources \ android \ icon

Copy the files:
"drawable-mdpi-icon.png"
"drawable-hdpi-icon.png"
"drawable-xhdpi-icon.png"
"drawable-xxhdpi-icon.png"
"drawable-xxxhdpi-icon.png"

Paste in the same folder: resources \ android \ icon. ( Dont rewrite )

Rename the copied files to:
"mdpi-foreground.png"
"hdpi-foreground.png"
"xhdpi-foreground.png"
"xxhdpi-foreground.png"
"xxxhdpi-foreground.png"

I ran the command ionic capacitor sync to synchronize the images, and then ionic capacitor run to run on android.

As I said, it is a temporary resolution, I believe that the way in which images are generated today by cordova-res will be corrected

sonam-st · 2020-12-22T05:03:12Z

I've created an icon with the name according to the documentation and in the resources/android/icon folder and then run the command cordova-res android --skip-config --copy

and that doesn't solve the problem.

@stNamring You just copy from the documentation and it doesn't work

You may need script to copy if it does not copy to resource folder.

KumarSunil007 · 2020-12-31T08:27:44Z

On the plugin page i.e Cordova-res repo , You need to look at this particular section. The adaptive icons are required for Android Platform and you need to put these image at resources\android directory.

Hembi · 2021-01-31T16:16:32Z

Update, fix?

Sampath-Lokuge · 2021-01-31T17:09:37Z

@Hembi You need to do it manually. See: https://youtu.be/QOsDG5RSQ-Q

Hembi · 2021-01-31T17:16:07Z

@Hembi You need to do it manually. See: https://youtu.be/QOsDG5RSQ-Q

Thank you, I found this solution, but fix the command would be a better solution.

Sampath-Lokuge · 2021-01-31T17:18:35Z

@Hembi Yes, That will come with Capacitor 3+: #118

ErickRuano · 2021-02-01T20:51:22Z

Hello! Just in casy anywone is still struggling to find a solution this worked for me:

Step 1

Create a 432x432 black .png file. I used photopea.com. Then save it as "icon-background.png".

Please note that I created a black image since I need a black background for my icon and I went for the minimum 432x432 since its only black I dont need it to scale well to other resolutions.

Step 2

Create a 1024x1024 .png file and save it as "icon-foreground.png".

In this case if you want the actual background you provided in the previous step to show your icon should have transparency. In my case I just provided an exact copy of my icon since I dont mind it being placed on top of my black background .

Step 3

Now you can run cordova-res android command and it should work.

estebancastrosola · 2021-02-04T09:22:05Z

I have migrated to Capacitor 3.0 beta 1 and this problem still happens.

sonam-st · 2021-02-04T09:40:54Z

You need script to copy the generated resources to the designated Android and iOS folder. Refer: https://medium.com/@dalezak/generate-app-icon-and-splash-screen-images-for-ionic-framework-using-capacitor-e1f8c6ef0fd4

vanasnip · 2021-02-14T22:18:58Z

@stNamring worked but this is an alternative to get past the issue but the issue persists on cordova-res
if you dont have medium premium then the readme for the solution linked by stNamring is here: https://gist.github.com/dalezak/a6b1de39091f4ace220695d72717ac71

aristotekean · 2021-03-02T21:24:29Z

I have the same problem for andorid platform

Path-A · 2021-04-05T20:00:27Z

Thanks @RockyLon . Your solution worked perfectly. I hope that ionic can fix this issue.

norwebcl · 2021-04-05T20:39:59Z

@RockyLon thanks!

jaufgang · 2021-05-12T16:27:39Z

For clarity, the files needed for this to work should be organized like this:

resources/
├── android/
│   ├── icon-background.png
│   └── icon-foreground.png
├── icon.png
└── splash.png

I kept getting these copying errors even after adding the android-background.png and androind-foreground images, because I misread the documentation and had added them to the resources folder, not resources/android, and it took me a while to figure it out. After getting moving those files into the correct folder, it worked perfectly.

Perhaps the README could be updated to show this tree explicitly in the https://github.com/ionic-team/cordova-res#adaptive-icons section instead of displaying it without the adaptive images and only then mentioning them further down? Clearly the current docs are causing a lot of confusion.

sachinwak · 2021-05-13T06:45:24Z

resources/
├── android/
│ ├── icon-background.png
│ └── icon-foreground.png
├── icon.png
└── splash.png

thanks it is now working!

mikelhamer · 2021-09-05T21:19:00Z

Thank you @ErickRuano !

ChintanVasoya · 2021-09-08T13:41:51Z

Change your application icon manually
go to Android Studio
click on APP
after File > new > imge Asset
and set Application icon manually after you get any error so read that line if it like not found so remove and run that works Perfactally

adadi · 2021-09-22T15:21:05Z

If a folder 'android' does not exist within a resources, it must be created
create two image in resources/android
resources/android/icon-foreground.png must be at least 432×432px
resources/android/icon-background.png must be at least 432×432px

mlynch · 2021-11-01T20:02:46Z

Will review for 1.0 milestone

lestercastillo · 2022-03-13T01:31:31Z

resources/
├── android/
│ ├── icon-background.png
│ └── icon-foreground.png
├── icon.png
└── splash.png

thanks it is now working!

ERROR: Missing valid source image for Android icons (sources: resources/android/icon.png, resources/android/icon.jpg, resources/android/icon.jpeg, resources/icon.png, resources/icon.jpg, resources/icon.jpeg)

encounter an error

mayankkataria · 2022-03-14T10:07:39Z

I was missing sudo

sonam-st · 2022-03-14T10:18:07Z

resources/
├── android/
│ ├── icon-background.png
│ └── icon-foreground.png
├── icon.png
└── splash.png

thanks it is now working!

ERROR: Missing valid source image for Android icons (sources: resources/android/icon.png, resources/android/icon.jpg, resources/android/icon.jpeg, resources/icon.png, resources/icon.jpg, resources/icon.jpeg)

encounter an error

It says the mentioned files are not present in the desired location. Check the file names and the folder/directory again. The correct size for icon and splashscreen can be found in the ionicframework official website.

mlynch · 2022-10-02T21:22:10Z

Closing as Cordova support was dropped in @capacitor/assets which does not have this same issue. Please let me know if I missed something.

mobileias · 2023-02-06T06:44:56Z

yes i am facing issue

mobileias · 2023-02-06T06:53:07Z

ok i checked some here
https://www.npmjs.com/package/cordova-res
and now seems it fixed,

imhoffd closed this as completed Jul 6, 2020

imhoffd mentioned this issue Jul 10, 2020

Error occurred while copying resources foreground images #139

Closed

imhoffd mentioned this issue Aug 12, 2020

cordova-res android --skip-config not generating mdpi-foreground.png #147

Closed

tobiasmuecksch mentioned this issue Oct 5, 2020

Android app icon remains unchanged #164

Closed

imhoffd reopened this Oct 13, 2020

mlynch closed this as completed Oct 2, 2022

This was referenced Oct 17, 2023

Feature/dtis 324 logo and splash screen cardano-foundation/cf-identity-wallet#204

Closed

Feature/splash and icons cardano-foundation/cf-identity-wallet#205

Merged

jimcase mentioned this issue Nov 7, 2023

fix: generate iOS icons and splash screens cardano-foundation/cf-identity-wallet#244

Merged

10 tasks

Android: Error occurred while copying #137

Android: Error occurred while copying #137

Comments

johnbwoodruff commented Jul 5, 2020

benjidotsh commented Jul 5, 2020 • edited Loading

imhoffd commented Jul 6, 2020 • edited Loading

rajasekarsphcl commented Aug 18, 2020

BenjaminDish commented Aug 31, 2020

DEGBEMBIA commented Sep 4, 2020

AdaLollA commented Sep 8, 2020

gnesher commented Sep 10, 2020

angelofan commented Sep 12, 2020

ketanakbari commented Sep 15, 2020

angelofan commented Sep 16, 2020

Boel21 commented Sep 28, 2020

apoth12 commented Oct 2, 2020

kensodemann commented Oct 13, 2020 • edited Loading

Boel21 commented Oct 13, 2020

gregmeszaros commented Oct 14, 2020

kensodemann commented Oct 14, 2020 • edited Loading

sonam-st commented Oct 21, 2020

Sampath-Lokuge commented Nov 14, 2020

sonam-st commented Nov 14, 2020

Sampath-Lokuge commented Nov 14, 2020

sonam-st commented Nov 14, 2020

Sampath-Lokuge commented Nov 16, 2020

sonam-st commented Nov 16, 2020

RockyLon commented Dec 10, 2020

aacassandra commented Dec 19, 2020 • edited Loading

Renny1 commented Dec 21, 2020 • edited Loading

sonam-st commented Dec 22, 2020

KumarSunil007 commented Dec 31, 2020 • edited Loading

Hembi commented Jan 31, 2021

Sampath-Lokuge commented Jan 31, 2021

Hembi commented Jan 31, 2021

Sampath-Lokuge commented Jan 31, 2021

ErickRuano commented Feb 1, 2021

Step 1

Step 2

Step 3

estebancastrosola commented Feb 4, 2021

sonam-st commented Feb 4, 2021 • edited Loading

vanasnip commented Feb 14, 2021

aristotekean commented Mar 2, 2021

Path-A commented Apr 5, 2021

norwebcl commented Apr 5, 2021

jaufgang commented May 12, 2021 • edited Loading

sachinwak commented May 13, 2021

mikelhamer commented Sep 5, 2021 • edited Loading

ChintanVasoya commented Sep 8, 2021

adadi commented Sep 22, 2021

mlynch commented Nov 1, 2021

lestercastillo commented Mar 13, 2022

mayankkataria commented Mar 14, 2022

sonam-st commented Mar 14, 2022

mlynch commented Oct 2, 2022

mobileias commented Feb 6, 2023

mobileias commented Feb 6, 2023

benjidotsh commented Jul 5, 2020 •

edited

Loading

imhoffd commented Jul 6, 2020 •

edited

Loading

kensodemann commented Oct 13, 2020 •

edited

Loading

kensodemann commented Oct 14, 2020 •

edited

Loading

aacassandra commented Dec 19, 2020 •

edited

Loading

Renny1 commented Dec 21, 2020 •

edited

Loading

KumarSunil007 commented Dec 31, 2020 •

edited

Loading

sonam-st commented Feb 4, 2021 •

edited

Loading

jaufgang commented May 12, 2021 •

edited

Loading

mikelhamer commented Sep 5, 2021 •

edited

Loading