复制资源/android/icon/mdpi- outlook .png时发生错误

Question

我在使用cordova-res复制图标和闪屏时出现以下错误。

我正在使用电容器来构建应用程序

我使用以下命令复制图标:

cordova-res android --skip-config --copy

下面是命令的响应:

~/Public/accountech-ecommerce/ionic-files$ 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/mdpi-background.png
WARN:   Error occurred while copying resources/android/icon/hdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/hdpi-background.png
WARN:   Error occurred while copying resources/android/icon/xhdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xhdpi-background.png
WARN:   Error occurred while copying resources/android/icon/xxhdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xxhdpi-background.png
WARN:   Error occurred while copying resources/android/icon/xxxhdpi-foreground.png
WARN:   Error occurred while copying resources/android/icon/xxxhdpi-background.png
Copied 31 resource items to Android

PS:我已经按照这个指令做了:https://capacitorjs.com/docs/guides/splash-screens-and-icons

Answer 1

我在一个新的Ionic Capacitor@2.4.7项目中遇到了同样的错误。在resources目录中有splash.png和icon.png。但这些还不够。该错误与cordova-res的自适应图标部分有关。resources目录中又缺少了2个图标。

1. 添加所需的icon-foreground.png和icon-background.png到resources/android目录
2. (可选)检查cordova-res是否为最新版本。对于我来说，我在mac上使用以下命令升级到0.15.3版本:sudo npm -g remove cordova-res，然后sudo npm -g install cordova-res --unsafe-perm
3. 重新运行命令:

cordova-res android --skip-config --copy

• 成功输出现在看起来像(18更改为24):

Generated 24 resources for Android
Copied 31 resource items to Android

Answer 2

文件应该这样组织:

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

接下来，运行以下命令生成所有图像，然后将它们复制到本地项目中:

cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy

Answer 3

以下步骤对我有效。

您需要手动创建两个图像。

步骤1

创建432x432 .png文件。然后将其保存为"icon-background.png"。你可以决定让颜色透明或不透明

在我的例子中，我创建了一个白色的图像，因为我需要一个白色的背景，我选择了432x432的尺寸。

步骤2

创建另一个432x432 .png文件并保存为"icon- prospect .png"

在这种情况下，你要注意你在第一张图片中使用的背景颜色。

步骤3

将上面创建的两个图像放入<Project Directory>/resources/android/

步骤4

，然后在项目目录中运行以下任意一个命令，具体取决于哪个更适合您。第一个为我工作。

1. cd android && gradlew assembleDebug && cd ..
2. ionic cordova run android

Answer 4

我按照视频中的说明操作。https://www.youtube.com/watch?v=2Ce09by4qFE

你基本上需要进入Android Studio并创建一个新的图像资源/不管它叫什么。

它过去都是用CLI命令工作的。不再......(至少对我来说)

Answer 5

直接添加您的android应用程序通过android studio进入APP然后点击file>新比;形象资产现在手动设置你的应用图标

Answer 6

我用电容资产来解决，它有一个" Easy mode "。例如，在我的ionic-vue android项目中，我使用:

npx capacitor-assets generate --android --assetPath resources/android --androidProject android

如果你没有安装它，你可以输入:

npm install @capacitor/assets -g

Answer 7

如果你使用的是ionicframework
ionic cordova resources [<platform>] [options]

ionic cordova resources