ionic2踩坑之ionic resources失败

网上关于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目录下面的目录列表会有空目录,
如图:

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

时间: 2025-01-18 14:52:01

ionic2踩坑之ionic resources失败的相关文章

ionic2踩坑之ionic build android报错

自己项目一直跑的好好好好的,build还是run都没问题,今天忽然一个小伙伴build一直报错.\ 错误如下: Error occurred during initialization of VMCould not reserve enough space for 2097152KB object heap 第一反应是java虚拟机内存不够,然后按网上的新建环境变量 变量名:_JAVA_OPTIONS 变量值:-Xmx512M 然并卵,问题并没有得到解决,最后在一个国外网站上找到了问题原因. 原

flutter踩坑01:下载包失败:Could not resolve all artifacts for configuration....

flutter踩坑01:下载包失败:Could not resolve all artifacts for configuration.... flutter在下载依赖失败或者flutter run运行的时候出现某个jar或者文件下载失败的时候,如下: FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':url_launcher'. > Could

unionId突然不能获取的踩坑记录

昨天(2016-2-2日),突然发现系统的一个微信接口使用不了了.后来经查发现,是在网页授权获取用户基本信息的时候,unionid获取失败导致的. 在网页授权获取用户基本信息的介绍中(http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html),unionid可以在第二步(https://api.weixin.qq.com/sns/oauth2/access_token)和第四步的2个接口中获得.其中,第四步的接口是

Java踩坑之路

陆陆续续学Java也快一年多了,从开始的一窍不通到现在的初窥门径,我努力过,迷茫过,痛过,乐过,反思过,沉淀过.趁着新年,我希望能把这些东西记下来,就当是我一路走来的脚印. 一.初识网站应用 记得第一次接触Java,是写一个小网站,当时用servlet+tomcat做服务端,数据库是mysql.那时我对于网站应用的概念一片空白,之前接触的都是C++和MFC写桌面程序.我花了一周时间看完了<java servlet programming>这本书,然后我就开始写代码了.但是,真的当我写代码的时候

【踩坑】360安全浏览器“极速模式”和“兼容模式”,套路还是bug?

分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开 网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> 2.<meta name="renderer" content="webkit"> -------------------

cocos2dx 3.3rc0 踩坑日记(一)------ 弱联网 Curl

这两天看了视频学习了下弱联网技术,用的是Curl,具体使用方法我就多说了,可以参考官方样例和下面的文章,解释的很清楚. [Curl (libcurl) 开发 之一]Cocos2dx之libcurl(curl_easy)的编程教程(帮助手册)! CURL使用2 我要说的我又踩到一个坑...为什么是又呢...天生就是来踩坑的... 先说下使用之前需要加入curl.h的路径$(EngineRoot)external\curl\include\win32和链接库libcurl_imp.lib 如图所示:

Android学习之友盟5.0推送,分享踩坑总结

这几天都没有写博客,今天集成友盟5.0推送,分享,得闲,总结一下友盟5.0推送分享踩得哪些坑! 之前写的友盟踩坑心得是基于友盟4.3版本的,现在友盟5.0相较于4.3,有了较大的改动,呜呼哀哉!学而时习之吧. 友盟5.0的好处:集成推送,分享可以通过导入module的形式,代码简化,维护性高,(一些资源文件就不用自己慢慢去拷贝了). 至于缺点,就是刚刚改版,会有很多跟4.3不一样的使用方法,所以需要前人去踩坑了! 友盟推送: 1:添加Module Android studio导入Module自不

Microsoft SQL Server on Linux 踩坑指南

微软用 SQL Server 在 2016 年的时候搞了一个大新闻,宣传 Microsoft ?? Linux 打得一众软粉措手不及.但是这还是好事情,Linux 上也有好用的 SQL Server 啦,但是从预览版开始 SQL Server on Linux 的配置要求蜜汁高,大部分云主机用户都望而却步.另外,SQL Server on Linux 对于文件系统有限制,仅支持 Ext3 以及 XFS 文件格式系统,对于某些云服务商默认提供的云镜像限制 Ext3 文件格式系统的用户而言也是足够让

Spring @Transactional踩坑记

@Transactional踩坑记 总述 ? Spring在1.2引入@Transactional注解, 该注解的引入使得我们可以简单地通过在方法或者类上添加@Transactional注解,实现事务控制. 然而看起来越是简单的东西,背后的实现可能存在很多默认规则和限制.而对于使用者如果只知道使用该注解,而不去考虑背后的限制,就可能事与愿违,到时候线上出了问题可能根本都找不出啥原因. 踩坑记 1. 多数据源 事务不生效 背景介绍 ? 由于数据量比较大,项目的初始设计是分库分表的.于是在配置文件中