复制资源/android/icon/mdpi-foreground.png 时出错

Hel*_*rld 12 android cordova android-studio ionic-framework capacitor

使用cordova-res.

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

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

cordova-res android --skip-config --copy
Run Code Online (Sandbox Code Playgroud)

这是命令的响应:

~/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
Run Code Online (Sandbox Code Playgroud)

PS:我已按照此说明执行此操作:https : //capacitorjs.com/docs/guides/splash-screens-and-icons

Sid*_*jee 35

文件应该这样组织:

\n
resources/\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 android/\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 icon-background.png\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 icon-foreground.png\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 icon.png\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 splash.png\n
Run Code Online (Sandbox Code Playgroud)\n

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

\n
 cordova-res ios --skip-config --copy\n cordova-res android --skip-config --copy\n
Run Code Online (Sandbox Code Playgroud)\n


sit*_*ite 27

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

  1. 将所需的icon-foreground.png和添加icon-background.pngresources/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
Run Code Online (Sandbox Code Playgroud)
  • 成功的输出现在看起来像(18 变为 24):
Generated 24 resources for Android
Copied 31 resource items to Android
Run Code Online (Sandbox Code Playgroud)

  • 即使使用最新的 Cordova-res,它似乎也不再起作用了。没有错误,没有丢失文件,但只有相同的警告,并且仍然生成 18 个图像。 (4认同)

小智 5

以下步骤对我有用。

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

第1步

创建一个 432x432 .png 文件。然后将其另存为“icon-background.png”。您可以决定使颜色透明或不透明

就我而言,我创建了一个白色图像,因为我的图标需要白色背景,而我选择了 432x432 尺寸。

第2步

创建另一个 432x432 .png 文件并将其另存为“icon-foreground.png”。

在这种情况下,您将注意您在第一张图像中使用的背景颜色。

第 3 步

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

第四步

然后从项目目录运行以下任一操作,具体取决于哪个适合您。1号为我工作。

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