cordova ,ionic 中cordova.js 提示deviceready has not fired after 5 seconds

简介: 我用的是ionic start 命令生成项目 ,用  cordova create 也是可以的。

我用的是ionic start 命令生成项目 ,用  cordova create 也是可以的。都会在index.html 有这么一行

 <script type="text/javascript" src='cordova.js'></script> 

但在浏览器运行时 提示

deviceready has not fired after 5 seconds.
Channel not fired: onCordovaInfoReady

当然浏览器下这么浏览肯定是有问题的,但是 当然在 执行 ionic emulate  或者 ionic run 时 安卓机上打开程序也是 什么都没有显示,可以断定浏览器提示肯定是有原因的。用 ripple emulate 试调 也没都能正常加载的,同时还能出发controlle里 的事件 如 backbutton 事件。

盲目的 谷歌了很多种办法都没解决   

有 如下的:


或者


或者 只用 cordova 命令   


Content Security Policy 用来定义 页面可以加载那些域名下的资源 图片 css js 等。


github 或者stackoverflow 上也没找到 解决的办法,也是因为英语太差。可怜


然后运行 ionic platform add android 可以指定好版本 ionic platform add android@5.0.0 生成如下目录,


看到这 就自然的把 android\assets 里的 文件都copy到服务器上去了 然后 ionic emulate android,或者浏览器 ,问题就来了。

其实这么copy是错误的,打包成apk 是 html,js,css 等都在apk里面了于是呢,运行的时候,安卓就首先加载本地的文件 js等,而从服务器上加载资源,不知道什么时候资源请求完成,事件的绑定就是个问题了,同时js是需要调用java代码的,放服务器端js就涉及到权限问题了,对本地数据的读写。而请求json数据是从服务器请求$http.get('http://182....',function(data){});  

所以在 apk 里打包有的文件,无服务端都不用放了。特别是cordova.js , cordova_plugins.js,  plugins等。


最底层的加载机制 还有些没搞懂,请大神们指导呢,谢谢哦。






相关文章
|
Web App开发 Java 开发工具
ionic和cordova初探--从安装到运行首个app
好多人说ionic好用,一直要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。 1.安装node 许多前端工具的安装都依赖于node的包管理器npm,Node官网: https://nodejs.org/ 安装完成后在cmd中输入 npm -v 回车。
2554 0
|
移动开发 JavaScript Java
给Ionic写一个cordova(PhoneGap)插件
    给Ionic写一个cordova(PhoneGap)插件   之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。
2062 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1926 0
|
Android开发 iOS开发 存储
ionic/cordova热部署
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/72462150 简介 Cordova热代码推送插件提供了在应用程序中执行基于Web的内容的自动更新的功能。
1536 0
|
JavaScript 开发工具 Python
使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
一,所需工具       1,JDK:生成     2,安卓SDK开发环境     3,NodeJs:主要使用的还是npm     4,Python开发环境     5,VS 2012(2008,2015也可以,已亲测):安装这个主要是需要一些.net的东西,也没具体查是啥,图个省事。
1583 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1567 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1329 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1506 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1248 0