复制 resources/android/icon/mdpi-foreground.png 时出错
Error occurred while copying resources/android/icon/mdpi-foreground.png
我在使用 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
如果你使用 ionicframework 试试这个
ionic cordova resources [<platform>] [options]
以下步骤对我有用。
您将需要手动创建两个图像。
步骤 1
创建一个 432x432 .png 文件。然后保存为“icon-background.png”。您可以决定是否使颜色透明
在我的例子中,我创建了一个白色图像,因为我的图标需要白色背景,我选择了 432x432 尺寸。
步骤 2
创建另一个 432x432 .png 文件并将其另存为“icon-foreground.png”。
在这种情况下,您会注意第一张图片中使用的背景颜色。
步骤 3
将上面创建的两张图片放入<Project Directory>/resources/android/
步骤 4
然后 运行 项目目录中的以下任一选项,具体取决于哪个适合您。 1 号对我有用。
cd android && gradlew assembleDebug && cd ..
ionic cordova run android
我 运行 在新的 Ionic Capacitor@2.4.7 项目中遇到同样的错误。我在 resources
目录中有 splash.png
和 icon.png
。但这些还不够。该错误与 cordova-res
的 Adaptive Icons 部分有关。您的 resources
目录中还缺少 2 个图标。
- 将需要的
icon-foreground.png
和icon-background.png
添加到resources/android
目录
- (可选)检查
cordova-res
是否是最新的。对我来说,我使用以下命令在 mac 上升级到版本 0.15.3:sudo npm -g remove cordova-res
然后 sudo npm -g install cordova-res --unsafe-perm
- 重新运行命令:
cordova-res android --skip-config --copy
- 成功的输出现在看起来像(18改为24):
Generated 24 resources for Android
Copied 31 resource items to Android
通过 android studio 直接添加您的 android 应用程序
去APP
然后点击 文件 > 新建 > 图片资源
现在手动设置您的应用程序图标
文件应该这样组织:
resources/
├── android/
│ ├── icon-background.png
│ └── icon-foreground.png
├── icon.png
└── splash.png
接下来,运行此命令生成所有图像,然后将它们复制到本机项目中:
cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy
我在使用 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
如果你使用 ionicframework 试试这个
ionic cordova resources [<platform>] [options]
以下步骤对我有用。
您将需要手动创建两个图像。
步骤 1
创建一个 432x432 .png 文件。然后保存为“icon-background.png”。您可以决定是否使颜色透明
在我的例子中,我创建了一个白色图像,因为我的图标需要白色背景,我选择了 432x432 尺寸。
步骤 2
创建另一个 432x432 .png 文件并将其另存为“icon-foreground.png”。
在这种情况下,您会注意第一张图片中使用的背景颜色。
步骤 3
将上面创建的两张图片放入<Project Directory>/resources/android/
步骤 4
然后 运行 项目目录中的以下任一选项,具体取决于哪个适合您。 1 号对我有用。
cd android && gradlew assembleDebug && cd ..
ionic cordova run android
我 运行 在新的 Ionic Capacitor@2.4.7 项目中遇到同样的错误。我在 resources
目录中有 splash.png
和 icon.png
。但这些还不够。该错误与 cordova-res
的 Adaptive Icons 部分有关。您的 resources
目录中还缺少 2 个图标。
- 将需要的
icon-foreground.png
和icon-background.png
添加到resources/android
目录 - (可选)检查
cordova-res
是否是最新的。对我来说,我使用以下命令在 mac 上升级到版本 0.15.3:sudo npm -g remove cordova-res
然后sudo npm -g install cordova-res --unsafe-perm
- 重新运行命令:
cordova-res android --skip-config --copy
- 成功的输出现在看起来像(18改为24):
Generated 24 resources for Android
Copied 31 resource items to Android
通过 android studio 直接添加您的 android 应用程序 去APP 然后点击 文件 > 新建 > 图片资源 现在手动设置您的应用程序图标
文件应该这样组织:
resources/
├── android/
│ ├── icon-background.png
│ └── icon-foreground.png
├── icon.png
└── splash.png
接下来,运行此命令生成所有图像,然后将它们复制到本机项目中:
cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy