ionic2踩坑之ionic resources失败

Posted 2020-08-31

网上关于ionic2怎么修改应用图标和启动画面资料也挺多的。不过大家执行ionic resources的时候不少人都执行失败了，关于执行失败的原因网上很少。下面分享一下我的经验吧。

1、看自己的项目下面有没有resources目录，没有的话先build，build之后就有了.

2、打开这个目录会发现下面有icon.png和splash.png这两张图片，他们分别对应应用图标和启动动画。将自己的应用图标和动画覆盖这两张图片就行了。建议分辨率分别是1024x1024和2208x2208.图片格式支持png、psd、ai。

3、执行ionic resources.执行之后build一下，会发现项目下面多了一个res目录。将这个res文件覆盖掉platforms\\android\\res文件。

4、执行ionic build android打包，发现应用图标和启动画面都变了。

但是这步骤有两个问题，一个是ionic resources可能会失败。这个的解决方案通常都是说把png格式修改为ai格式，但是既然都支持没理由png就报错，其实原因是因为图片大小有限制，太大了就会报错，将图片压缩之后再执行就可以了。

第二个问题其实也是ionic resources引起的，如果你的图片分辨率和大小不符合规范却又执行成功了的话，很可能res目录下面的目录列表会有空目录，
如图：

这是因为对应适配的图片生成失败了，这样第三步之后进行第四步的话会打包失败。解决方案就是图片用推荐的分辨率同时压缩他的大小。