ionic开发遇到的问题总结
前言
ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。到目前为止,ionic已经推出了ionic3,已解决了这个行业的大部分痛点,性能也得到了大幅度提升,但是这个坑。。。。。。,相信用过的人都知道。。。。。。
androud-studio打开后一直在编译
出现这种出现这种情况,关掉你的as ,找到你的路径下:C:\Users\cxz\.gradle下面有个gradle文件夹,去网上找一个和这个版本对应gradle包,下载下来是一个zip,然后放到这个当前目录(不用解压),同时把原来的删除,然后启动as,打开后那个zip包会自动解压
ionic无法初始化项目
科学的方法上网(挂vpn、代理、改hosts文件)
通常卡住的地方都是在最后一步安装node模块的时候,执行到卡住的地方,强制结束命令,在cd切换进入项目目录,执行npm install –save 或者 cnpm install –sav
注:建议最好少用cnpm ,最好通过npm的方式安装,等的时间长点也无所谓,ionic用cnpm你会发现坑多的。。。。
ionic添加平台失败
通常情况下,添加失败是环境没配好,如果这里提示gradle或者android的错误,那么请把gradle包的路径加入到系统环境变量中
ionic编译不成功或者编译成功生成失败
删除你编译的平台,重新生成平台,生成平台时请执行: npm install platform add android@latese
ionic编译不通过之gradle
检查android环境,java环境,没问题的情况下,在命令行输入gradle -v ,看看有没有反应,没反应把gradle加入环境变量就可以了
ionic编译不通过之编码
项目路径不能包含中文,路径包含中文,会导致项目打包失败
ionic真机调试失败
检查端口,可能有程序占用了adb.exe 的端口(通常情况下,一些第三方软件会占用这个端口,如 360mobile 豌豆荚这类软件)
把adb加入到系统变量
在cmd 里输入adb 看有没有反应,如果报错,则android环境没配好
ionic插件无法安装
安装ionic插件的时候,很多插件无法安装,可以从github上面下载zip文件,如果你熟悉git命令,你可以直接复制链接拉取文件,如果你不熟悉,可以点击下载zip文件,下载到本地后本地安装这个插件。
Ionic cordova plugin add 插件本地路径
这个路径最好是相对路径,我不知道为什么每次绝对路径安装都失败
ionic androud App 卡顿
可以安装crosswalk ,这个插件可以让你的android App性能更好,对App系统的向下支持也有帮助
安装命令:cordova plugin add cordova-plugin-crosswalk-webview
安装后,编译的文件会生成两种,根据需要选择对应的安装类型
安装crosswalk插件报错Could not find any version that matches com.android.support:support-v4:[13.0.0,).
ionic打包后页面布局混乱
我们一般开发在浏览器调试选的都是ios的设备,然后打安卓包,ionic的androud和ios的风格不一样,所有你需要统一风格
另外一种情况就是,你布局不标准,比如在p标签里面嵌套div,在sapn里面嵌套p,这种也会导致打包后布局混乱
ionic插件安装后不生效
请删除编译的平台,重新生成你需要的平台(极光推送需要重新生成平台)
Ionic执行ionic resources报错
登录ionic官网,注册一个账号,登录进去
在你的项目下执行这个命令,和官网的项目关联,然后在执行ionic resources
ionic启动慢的问题
请参考这篇文章:http://www.jianshu.com/p/102bd23625cb
ionic带有背景图片的页面往上顶
页面背景没有图片顶上去也看不出来,如果有图片,背景设置成,background-size:cover;
ionic弹出键盘把tabs顶上去
可以监听键盘事件打开还是关闭,然后隐藏tabs
can not find module xxxxxxx
没下载xxxxxx模块,请执行npm install xxxxxxx
No providers in xxxxxxx
没添加服务,请把服务添加到app-module里面的providers里面
在某些元素上无法添加点击事件或者点击延迟
在该点击元素上 添加 tappable
Ionic图片资源加载不到
路径统一写成 assets/xxxx/xxxxx/xxx, 这样在浏览器或者在app里面都能加载
在子页面点击跳转到另外的子页面(不点击tab的情况下)
从0开始,这里是调到第二个页面
Ionic引入第三方js库(以jq为例)
在index.html里面引入jq
在声明这个$对象就可以使用jq了
ionic注册地图服务秘钥,输入正式版android签名SHA1码后始终显示不正确
例:keytool -genkey -v -keystore test-release.keystore -alias test-release -keyalg RSA -validity 10000
生成的正式版的签名的名字要一定要带上-release,否则正式版签名的SHA1值,百度地图和高德地图无法识别,会报错,这个坑我躺了好久。。。。
ionic开发遇到的问题总结的更多相关文章
- 分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面
此篇文章主要整理了最近在使用 Ionic 开发 Hybrid App 过程中遇到的一些疑难点以及后期发布生成 iOS 和 Android 版本过程中的种种问题. 文章目录 Ionic 简介和项目需求介 ...
- Ionic开发实战
转自:http://blog.csdn.net/i348018533/article/details/47258449/ 折磨的两个月!Ionic从零单排,到项目发布!遇到了很多问题但都一一解决了,此 ...
- Ionic 开发环境搭建
android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境 1.下载JDK并配置Java运行环境 http://www.oracle.com/technet ...
- [ionic开源项目教程] - 手把手教你使用移动跨平台开发框架Ionic开发一个新闻阅读APP
前言 这是一个系列文章,从环境搭建开始讲解,包括网络数据请求,将持续更新到项目完结.实战开发中遇到的各种问题的解决方案,也都将毫无保留的分享给大家. 关注订阅号:TongeBlog ,查看移动端跨平台 ...
- 移动跨平台开发框架Ionic开发一个新闻阅读APP
移动跨平台开发框架Ionic开发一个新闻阅读APP 前言 这是一个系列文章,从环境搭建开始讲解,包括网络数据请求,将持续更新到项目完结.实战开发中遇到的各种问题的解决方案,也都将毫无保留的分享给大家. ...
- Ionic开发笔记
Ionic 开发笔记 记录开发中遇到的一些问题 ion-side-menu,使所有顶部导航标题居中 <!-- 添加 align-title="center" 使顶部导航标题居 ...
- Windows 下 Ionic 开发环境搭建
Ionic 介绍 首先,Ionic 是什么. Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等. 简单 ...
- ionic开发中,输入法键盘弹出遮挡住div元素
采用ionic 开发中,遇到键盘弹出遮挡元素的问题. 以登陆页面为例,输入用户名和密码时,键盘遮挡了登陆按钮. 最终采用自定义指令解决了问题: .directive('popupKeyBoardSho ...
- Cordova/Ionic开发的Android APP启用Chrome Inspect调试的方法
Cordova/Ionic开发的Android APP,需要启用WebView的调试模式,才可以在Chrome浏览器中输入chrome://Inspect,然后使用大家熟悉的开发者工具进行调试.不启用 ...
- 使用ionic开发时用遇到监听手机返回按钮的问题~
当时用的是ionic开发一个app,需求是,当按下手机的返回按钮,在指定的页面双击退出,而在其他页面点击一次返回到上个页面: 其实用ionic自带的服务就可以解决: //双击退出 $ionicP ...
随机推荐
- Win10下轻松安装centos7.0(推荐)
Windows10下安装centos7.0虚拟机环境 Windows10自带了一个类似Vmware虚拟化产品Hyper-V管理器 如果没有找到这个的小伙伴可以从菜单中的windows管理工具找到如图: ...
- vue-router 使用query传参跳转了两次(首次带参数,跳转到了不带参数)
问题: 在做项目的过程中,使用query传参数,发现跳转过程中第一次有参数,但是路由马上又跳转了一次,然后 ?和它之后的参数都不见了 问题分析: 因为路由加载了两次 解决办法: ·1. 找到总的 la ...
- Spring Boot Actuator:健康检查、审计、统计和监控(转)
Spring Boot Actuator可以帮助你监控和管理Spring Boot应用,比如健康检查.审计.统计和HTTP追踪等.所有的这些特性可以通过JMX或者HTTP endpoints来获得. ...
- Windows下压缩包安装Mysql
1. 下载mysql压缩包 2. 解压到指定目录,例如D:\Program Files\mysql-5.7.25-winx64 3. 在目录下创建配置文件my.ini [mysqld] port = ...
- ThreadPoolExecutor 定制线程池参数
在 java 开发中经常需要执行一些“规格化”的任务,此时可以使用 java 线程池.节省创建线程时间,任务来时即可执行,高效. java 包是 java.util.concurrent .创建线程池 ...
- PHP中Cookie与 Session
在非常多时候,我们需要跟踪浏览者在整个网站的活动,对他们身份进行自动或半自动的识别(也就是平时常说的网站登陆之类的功能),这时候,我们常采用 Cookie与 Session 来跟踪和判断. Sess ...
- Facebook 对 PHP 的改进
PHP 是传统意义上的解释型语言,而不是编译型语言. 因此,在命令行或 Web 服务器调用解释器解释 PHP 代码之前,PHP 代码就是 PHP 代码.PHP 解释器会解释 PHP 脚本,把代码转换为 ...
- 全面系统Python3入门+进阶-1-5 一个经典误区
结束
- DateUtil 提供一些常用的时间想法的方法
package com.opslab.util; import java.text.ParseException;import java.text.SimpleDateFormat;import ja ...
- windows10 环境下的RabbitMQ安装步骤(图文)
第一步:下载并安装erlang 原因:RabbitMQ服务端代码是使用并发式语言Erlang编写的,安装Rabbit MQ的前提是安装Erlang. 下载地址:http://www.erlang.or ...